<data>: Das Data-Element
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
Das <data>
HTML-Element verknüpft ein gegebenes Inhaltselement mit einer maschinenlesbaren Übersetzung. Wenn der Inhalt zeit- oder datumsbezogen ist, muss das <time>
-Element verwendet werden.
Probieren Sie es aus
Attribute
Die Attribute dieses Elements umfassen die globalen Attribute.
value
-
Dieses Attribut spezifiziert die maschinenlesbare Übersetzung des Inhalts des Elements.
Beispiele
Das folgende Beispiel zeigt Produktnamen an, verknüpft jedoch auch jeden Namen mit einer Produktnummer.
html
<p>New Products</p>
<ul>
<li><data value="398">Mini Ketchup</data></li>
<li><data value="399">Jumbo Ketchup</data></li>
<li><data value="400">Mega Jumbo Ketchup</data></li>
</ul>
Ergebnis
Technische Zusammenfassung
Inhaltskategorien | Fließender Inhalt, Phrasierungsinhalt, greifbarer Inhalt. |
---|---|
Erlaubter Inhalt | Phrasierungsinhalt. |
Tag-Auslassung | Keine, sowohl der Start- als auch der End-Tag sind erforderlich. |
Erlaubte Eltern | Jedes Element, das Phrasierungsinhalt akzeptiert. |
Implizite ARIA-Rolle | generisch |
Erlaubte ARIA-Rollen | Beliebig |
DOM-Schnittstelle | [`HTMLDataElement`](/de/docs/Web/API/HTMLDataElement) |
Spezifikationen
Specification |
---|
HTML Standard # the-data-element |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
- Das HTML-
<time>
-Element.