<dfn>: Das Definitionselement

Die Attribute dieses Elements umfassen die globalen Attribute.

Das title Attribut hat eine besondere Bedeutung, wie unten angegeben.

Es gibt einige nicht ganz offensichtliche Aspekte bei der Verwendung des <dfn> Elements. Wir untersuchen diese hier.

Der zu definierende Begriff wird nach diesen Regeln identifiziert:

1. Wenn das <dfn> Element ein title Attribut hat, wird der Wert des title-Attributs als der zu definierende Begriff betrachtet. Das Element muss dennoch Text innerhalb enthalten, aber dieser Text kann eine Abkürzung (möglicherweise mit <abbr>) oder eine andere Form des Begriffs sein.
2. Wenn das <dfn> nur ein einzelnes Kindelement enthält und keinen eigenen Textinhalt hat und das Kindelement ein <abbr> Element mit einem eigenen title Attribut ist, dann ist der genaue Wert des title Attributs des <abbr> Elements der zu definierende Begriff.
3. Andernfalls ist der Textinhalt des <dfn> Elements der zu definierende Begriff. Dies wird im ersten Beispiel unten gezeigt.

Wenn Sie ein id Attribut auf dem <dfn> Element einfügen, können Sie dann mittels <a> Elementen darauf verlinken. Solche Links sollten Verwendungen des Begriffs sein, mit dem Ziel, dass der Leser schnell zur Definition des Begriffs navigieren kann, wenn er ihn nicht bereits kennt, indem er auf den Link des Begriffs klickt.

Dies wird im Beispiel unter Links zu Definitionen unten gezeigt.

Sehen wir uns einige Beispiele für verschiedene Verwendungsszenarien an.

Dieses Beispiel verwendet ein einfaches <dfn> Element, um den Ort eines Begriffs innerhalb der Definition zu identifizieren.

HTML

<p>
  The <strong>HTML Definition element (<dfn>&lt;dfn&gt;</dfn>)</strong> is used
  to indicate the term being defined within the context of a definition phrase
  or sentence.
</p>

Da das <dfn> Element kein title hat, werden die Textinhalte des <dfn> Elements selbst als der zu definierende Begriff verwendet.

Ergebnis

Um Links zu den Definitionen hinzuzufügen, erstellen Sie den Link auf die gleiche Weise, wie Sie es immer tun, mit dem <a> Element.

HTML

<p>
  The
  <strong>HTML Definition element (<dfn id="definition-dfn">&lt;dfn&gt;</dfn>)</strong>
  is used to indicate the term being defined within the context of a definition
  phrase or sentence.
</p>

<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Graece donan, Latine
  voluptatem vocant. Confecta res esset. Duo Reges: constructio interrete.
  Scrupulum, inquam, abeunti;
</p>

<p>
  Because of all of that, we decided to use the
  <code><a href="#definition-dfn">&lt;dfn&gt;</a></code> element for this
  project.
</p>

Hier sehen wir die Definition — nun mit einem id Attribut, "definition-dfn", das als Ziel eines Links verwendet werden kann. Später wird ein Link mit <a> erstellt, wobei das href Attribut auf "#definition-dfn" gesetzt wird, um den Link zurück zur Definition einzurichten.

Ergebnis

In einigen Fällen möchten Sie möglicherweise eine Abkürzung für einen Begriff verwenden, wenn Sie ihn definieren. Dies kann durch die Verwendung der <dfn> und <abbr> Elemente zusammen erfolgen, wie folgt:

HTML

<p>
  The <dfn><abbr title="Hubble Space Telescope">HST</abbr></dfn> is among the
  most productive scientific instruments ever constructed. It has been in orbit
  for over 20 years, scanning the sky and returning data and photographs of
  unprecedented quality and detail.
</p>

<p>
  Indeed, the <abbr title="Hubble Space Telescope">HST</abbr> has arguably done
  more to advance science than any device ever built.
</p>

Beachten Sie das <abbr> Element, das innerhalb des <dfn> Elementes verschachtelt ist. Ersteres stellt fest, dass der Begriff eine Abkürzung ("HST") ist und gibt den vollständigen Begriff ("Hubble Space Telescope") in seinem title Attribut an. Letzteres zeigt an, dass der abgekürzte Begriff einen zu definierenden Begriff darstellt.

Ergebnis

• Elemente, die zu Definitionslisten gehören: <dl>, <dt>, <dd>
• <abbr>