Das Tag kann in den Fällen nützlich sein, wenn die Daten in einem bestimmten Format vorliegen sollen, das für die Ausführung von Skripten erforderlich ist, aber Sie möchten nicht, dass Ihre Benutzer dieses Format sehen. Sie möchten beispielsweise eine Liste der Produkte anzeigen, aus der Ihre Benutzer auswählen können. Jedes Produkt hat seine ID, aber Sie möchten diese Informationen nicht Ihren Benutzern zeigen. Dann platzieren Sie die Produkt-IDs im Tag <data> und das Gerät verarbeitet diese Informationen und zeigt dem Benutzer das Produkt mit der entsprechenden ID.

Wir empfehlen Ihnen, das Tag <time> zu verwenden, wenn es um Datum und Zeit geht.

Syntax

Der Inhalt des Tages <data> wird innerhalb den Start- (<data>) und Endtags (</data>) platziert.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
  <body>
    <p>Gekühlte Getränke</p>
    <ul>
      <li>
        <data value="1545325112">Coca-Cola 500ml</data>
      </li>
      <li>
        <data value="1545325113">Coca-Cola 330ml</data>
      </li>
      <li>
        <data value="1545325114">Coca-Cola Light 330ml</data>
      </li>
    </ul>
  </body>
</html>

Ergebnis

data beispiel

Attribute

Attribut Wert Beschreibung
value machine-readable format Es stellt die maschinenlesbare Version des Taginhalts ein.

Das Tag <data> unterschtützt Globale Attribute und Globale Eventhandler.

Browser-Support

chrome firefox safari opera
62+ 22+ 49+

Übe dein Wissen

Was ist die Hauptfunktion des HTML Data-Tags?
Finden Sie das nützlich?