<dfn>: Das Definitionselement

Die Attribute dieses Elements umfassen die globalen Attribute.

Das title-Attribut hat eine besondere Bedeutung, wie unten erwähnt.

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

Der zu definierende Begriff wird gemäß diesen Regeln identifiziert:

1. Wenn das <dfn>-Element ein title-Attribut besitzt, wird der Wert des title-Attributs als der zu definierende Begriff angesehen. Das Element muss immer noch Text enthalten, aber dieser Text kann eine Abkürzung (möglicherweise unter Verwendung von <abbr>) oder eine andere Form des Begriffs sein.
2. Wenn das <dfn>-Element 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 hinzufügen, können Sie dann mit <a>-Elementen darauf verlinken. Solche Links sollten Verwendungen des Begriffs sein, mit der Absicht, dass der Leser schnell zur Definition des Begriffs navigieren kann, wenn er nicht bereits darüber Bescheid weiß, 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 Nutzungsszenarien 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 wie immer 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 erstellt, indem <a> mit dem 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 von <dfn>- und <abbr>-Elementen zusammen erreicht werden, so:

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 im <dfn>-Element verschachtelt ist. Das erstere etabliert, 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 im Zusammenhang mit Definitionslisten: <dl>, <dt>, <dd>
• <abbr>