`<dfn>` HTML-Definitionselement

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Das <dfn>-HTML-Element kennzeichnet einen zu definierenden Begriff. Das <dfn>-Element sollte in einer vollständigen Definitionsaussage verwendet werden, bei der die vollständige Definition des Begriffs eine der folgenden sein kann:

Der übergeordnete Absatz (ein Textblock, der manchmal durch ein <p>-Element gekennzeichnet ist)
Das <dt>/<dd>-Paar
Der nächstgelegene Abschnitt, der Vorfahre des <dfn>-Elements ist,

Probieren Sie es aus

<p>
  A <dfn id="def-validator">validator</dfn> is a program that checks for syntax
  errors in code or documents.
</p>

dfn {
  /* Add your styles here */
}

Attribute

Die Attribute dieses Elements umfassen die globalen Attribute.

Das title-Attribut hat eine besondere Bedeutung, wie unten aufgeführt.

Nutzungshinweise

Es gibt einige nicht ganz offensichtliche Aspekte bei der Verwendung des <dfn>-Elements. Diese betrachten wir hier.

Festlegen des zu definierenden Begriffs

Der zu definierende Begriff wird anhand dieser Regeln identifiziert:

Wenn das <dfn>-Element ein title-Attribut hat, wird der Wert des title-Attributs als der zu definierende Begriff angesehen. Das Element muss weiterhin Text enthalten, aber dieser Text kann eine Abkürzung (möglicherweise mit <abbr>) oder eine andere Form des Begriffs sein.
Wenn das <dfn> 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.
Andernfalls ist der Textinhalt des <dfn>-Elements der zu definierende Begriff. Dies wird im ersten Beispiel unten gezeigt.

Hinweis: Wenn das <dfn>-Element ein title-Attribut hat, muss es den zu definierenden Begriff und keinen anderen Text enthalten.

Links zu `<dfn>`-Elementen

Wenn Sie ein id-Attribut im <dfn>-Element einfü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.

Beispiele

Sehen wir uns einige Beispiele verschiedener Nutzungsszenarien an.

Grundlegende Identifikation eines Begriffs

Dieses Beispiel verwendet ein einfaches <dfn>-Element, um die Position eines Begriffs innerhalb der Definition zu kennzeichnen.

HTML

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

Links zu Definitionen

Um Links zu den Definitionen hinzuzufügen, erstellen Sie den Link ebenso wie immer mit dem <a>-Element.

HTML

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 – jetzt 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 herzustellen.

Ergebnis

Verwendung von Abkürzungen und Definitionen zusammen

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 im Tandem erfolgen, wie folgt:

HTML

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 innerhalb des <dfn>-Elements verschachtelte <abbr>-Element. Ersteres stellt fest, dass der Begriff eine Abkürzung ("HST") ist, und spezifiziert den vollständigen Begriff ("Hubble Space Telescope") in seinem title-Attribut. Letzteres zeigt an, dass der abgekürzte Begriff einen zu definierenden Begriff darstellt.

Ergebnis

Technische Zusammenfassung

Inhaltskategorien	Fließender Inhalt, Textsegmentinhalt, fühlbarer Inhalt.
Zulässiger Inhalt	Textsegmentinhalt, aber kein `<dfn>`-Element darf ein Nachkomme sein.
Tag-Auslassung	Keine, sowohl der Start- als auch der End-Tag sind obligatorisch.
Zulässige Eltern	Jedes Element, das Textsegmentinhalt akzeptiert.
Implizierte ARIA-Rolle	`term`
Zulässige ARIA-Rollen	Beliebig
DOM-Schnittstelle	[`HTMLElement`](/de/docs/Web/API/HTMLElement)