HTML -Daten-*- Attribute

❮ Zurück Globale HTML-Attribute Weiter ❯

Beispiel

Verwenden Sie das Attribut data-*, um benutzerdefinierte Daten einzubetten:

<ul>
<li data-animal-type="bird">Owl</li>
<li data-animal-type="fish">Salmon</li>
<li data-animal-type="spider">Tarantula</li>
</ul>

Definition und Verwendung

Die data-*Attribute werden verwendet, um benutzerdefinierte Daten privat für die Seite oder Anwendung zu speichern.

Die data-*Attribute geben uns die Möglichkeit, benutzerdefinierte Datenattribute in alle HTML-Elemente einzubetten.

Die gespeicherten (benutzerdefinierten) Daten können dann im JavaScript der Seite verwendet werden, um ein ansprechenderes Benutzererlebnis zu schaffen (ohne Ajax-Aufrufe oder serverseitige Datenbankabfragen).

Die data-*Attribute bestehen aus zwei Teilen:

Der Attributname darf keine Großbuchstaben enthalten und muss mindestens ein Zeichen lang nach dem Präfix „data-“ stehen.
Der Attributwert kann eine beliebige Zeichenfolge sein

Hinweis: Benutzerdefinierte Attribute mit dem Präfix „data-“ werden vom Benutzeragenten vollständig ignoriert.

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die das Attribut vollständig unterstützt.

Attribute
data-*	4.0	5.5	2.0	3.1	9.6

Syntax

<element data-*="somevalue">

Attributwerte

Value	Description
somevalue	Specifies the value of the attribute (as a string)

HTML -Referenz