Dfn: Skillnad mellan sidversioner
Från Webbling
PGJ (diskussion | bidrag) |
PGJ (diskussion | bidrag) |
||
| Rad 8: | Rad 8: | ||
<code>titel</code>-attributet har något annorlunda [[semantik]] än det har i andra [[tagg]]ar, se ovan. | <code>titel</code>-attributet har något annorlunda [[semantik]] än det har i andra [[tagg]]ar, se ovan. | ||
== Exempel == | == Exempel == | ||
<codepen pen="RPyRyz" tab="html" height=" | <codepen pen="RPyRyz" tab="html,result" height="200"> | ||
<syntaxhighlight lang="html5"> | <syntaxhighlight lang="html5"> | ||
<p><dfn id="definitionWebbling">Webbling</dfn> är en öppen lärresurs med webbutvecklingsmaterial</p> | <p><dfn id="definitionWebbling">Webbling</dfn> är en öppen lärresurs med webbutvecklingsmaterial</p> | ||
Nuvarande version från 30 januari 2019 kl. 15.22
Används för att skapa definitioner. Det som är markerat med dfn markerar vilken term det är som ska definieras, medan det omgivande elementet innehåller definitionen/förklaringen. Det finns tre möjliga sätt att ange termen, det första av nedanstående villkor som uppfylls, blir det som gäller som term:
- Om
dfn-elementet har etttitle-attribut, sätts detta som term. - Om elementet innehåller ett
abbr-element med etttitle-attribut, sätts detta som term. - Textinnehållet i
dfn-elementet, sätts som term.
Tillgänliga attribut
De globala attributen är tillgängliga för denna tagg.
titel-attributet har något annorlunda semantik än det har i andra taggar, se ovan.
Exempel
Exemplet kommer att märkera "Webbling" som att det är en definition.
Referenser
Taggens definition i WHATWGs levande HTML-standard
http://www.whatwg.org/specs/web-apps/current-work/multipage/semantics.html#the-dfn-element
Taggens definition i HTML5-standarden
http://www.w3.org/TR/html5/text-level-semantics.html#the-dfn-element