HTML <dfn>-Tag
Das <dfn>-Tag wird verwendet, um den Begriff zu definieren, der im Kontext einer Definitionsphrase oder eines -satzes angegeben ist. Im Browser wird der Inhalt des Tags kursiv dargestellt.
Das <p>-Tag, das <dt>/<dd>-Paar oder das <section>-Tag fungieren als Definitions kontext für den Begriff.
Der definierte Begriff wird nach folgenden Regeln identifiziert:
- Wenn
<dfn>ein title-Attribut hat, wird der Wert dieses Attributs als der definierte Begriff betrachtet. Der Text innerhalb des Elements kann eine Abkürzung sein (wahrscheinlich unter Verwendung von<abbr>). - Wenn
<dfn>nur ein Kindelement hat, das ein<abbr>-Element mit einem title-Attribut ist, und das<dfn>-Element keinen eigenen Textinhalt hat, dann ist der genaue Wert des title-Attributs von<abbr>der definierte Begriff. - Falls dies nicht der Fall ist, ist der Textinhalt von
<dfn>der definierte Begriff.
Wenn ein id-Attribut im <dfn>-Element enthalten ist, können Sie mit <a>-Elementen auf dieses Element verlinken. Solche Links helfen dem Leser, durch Klicken auf den Link schnell zur Definition des Begriffs zu navigieren.
Syntax
Das <dfn>-Tag wird in Paaren verwendet. Der Inhalt wird zwischen dem öffnenden (<dfn>) und dem schließenden (</dfn>) Tag geschrieben.
Beispiel für das HTML <dfn>-Tag:
HTML-Definition|Beispiel für das HTML <dfn>-Tag|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p><dfn>HTML</dfn> (HyperText Markup Language ) — The standardized markup language for documents on the World Wide Web. Most web pages contain a description of the markup in the language HTML</p>
</body>
</html>Ergebnis
Im folgenden Beispiel wird der Wert des title-Attributs als der definierte Begriff betrachtet.
Beispiel für das HTML <dfn>-Tag mit einem title-Attribut:
Bewegen Sie den Mauszeiger über den Text, um die Definition zu sehen|Beispiel für das HTML <dfn>-Tag|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Mouse over to see the definition.</p>
<dfn title="HyperText Markup Language">HTML</dfn>
</body>
</html>Ergebnis
Beispiel für das HTML <dfn>-Tag mit dem HTML <abbr>-Tag:
Beispiel für das HTML <dfn>-Tag mit dem <abbr>-Tag:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Mouse over to see the definition.</p>
<dfn><abbr title="Cascading Style Sheets">CSS</abbr></dfn>
</body>
</html>Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| title | Gibt die Definition eines Begriffs an (wird beim Hovern angezeigt). |
Das <dfn>-Tag unterstützt auch die Globalen Attribute und die Ereignisattribute.
So stylen Sie ein HTML <dfn>-Tag
dfn {
color: #0056b3;
font-weight: bold;
}Praxis
Was ist die korrekte Verwendung und Funktion des HTML <dfn>-Tags gemäß den Inhalten auf der W3Docs-Website?