Dfn: Skillnad mellan sidversioner
Från Webbling
PGJ (diskussion | bidrag) Skapade sidan med 'Används för att skapa definitioner. Det som är markerat med <code>dfn</code> markerar vilken term det är som ska definieras, medan det omgivande elementet innehåller defi...' |
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="100"> | |||
<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> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
</codepen> | |||
Exemplet kommer att märkera "Webbling" som att det är en definition. | |||
== Referenser == | == Referenser == | ||
=== Taggens definition i [[WHATWG]]s levande HTML-standard === | === Taggens definition i [[WHATWG]]s levande HTML-standard === |
Versionen från 9 juli 2015 kl. 12.06
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