HTML data-*Attribut
Beispiele
Verwenden Sie das data-* Attribut, um benutzerdefinierte Daten einzubetten:
<ul>
<li data-animal-type="bird">Eule</li>
<li data-animal-type="fish">Lachs</li>
<li data-animal-type="spider">Vogelspinne</li>
</ul>
<li data-animal-type="bird">Eule</li>
<li data-animal-type="fish">Lachs</li>
<li data-animal-type="spider">Vogelspinne</li>
</ul>
Selbst ausprobieren »
Browser-Unterstützung
Alle wichtigen Browser unterstützen das data-* Attribut.
Definition und Verwendung
Das data-* Attribut wird verwendet, um benutzerdefinierte Daten zu speichern, die für die Seite oder Anwendung privat sind.
Das data-* Attribut kann Daten in alle HTML-Elemente einbetten.
Benutzerdefinierte Daten ermöglichen der Seite eine bessere interaktive Erfahrung (ohne Ajax zu verwenden oder Daten vom Server abzufragen).
Das data-* Attribut besteht aus den folgenden zwei Teilen:
- Der Attributname darf keine Großbuchstaben enthalten und muss mindestens ein Zeichen nach data- haben.
- Das Attribut kann eine beliebige Zeichenfolge sein.
Hinweis:Das Präfix des benutzerdefinierten Attributs "data-" wird vom Client ignoriert.
Unterschiede zwischen HTML 4.01 und HTML5
Das data-*-Attribut ist neu in HTML5.
Syntax
<element data-*="somevalue">
Attributwerte
| Wert | Beschreibung |
|---|---|
| somevalue | Gibt den Attributwert an (eine Zeichenfolge). |
HTML-Globalattribute Andere Erweiterungen