Tag <data>

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 ist value, welches den technischen Wert enthält.

Syntax

<data value="...">...</data>

Attribute bzw. Unterelemente

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).