html css php mysql javascript
Bild zum Thema

Tag <data>

Definition

Status: Aktueller Standard

Das Tag <data> steht für data (Daten, Angabe).
Das HTML-Element ist ein semantisches Inline-Element, das einen maschinenlesbaren Wert an menschenlesbaren Inhalt bindet. Das wichtigste Attribut ist dabei value, welches den technischen Wert enthält.

Syntax

<comment>...</comment>

Attribute

value
Maschinenlesbarer Wert

Beispiele

= Tag
= Attribut
= Wert
Text
= Kommentar bzw. wichtig!
Beispiel data
Der Code:
    <ul>
      <li><data value="SKU-001">Klassisches T-Shirt</data></li>
      <li><data value="SKU-002">Premium Hoodie</data></li>
      <!-- Hier ist der Preis für weitere Berechnungen
       sofort verwendbar. Es muss nichts konvertiert werden! -->
      <li><data value="1234.56">1.234,56 €</data></li>
    </ul>
Ergebnis:
Ergebnis: <data>-Demo 1
In diesem Fall sieht der Nutzer den Produktnamen, während Skripte oder Datenverarbeitungstools direkt die Produkt-ID (SKU) von <data> auslesen können (nutze den Button zum Auslesen).