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