Dfn: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
(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...')
 
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. 14.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:

  1. Om dfn-elementet har ett title-attribut, sätts detta som term.
  2. Om elementet innehåller ett abbr-element med ett title-attribut, sätts detta som term.
  3. 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

See the Pen RPyRyz by Patrik Grip-Jansson (@PGJ) on CodePen.

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