HTML Attribute data- *
Beispiele
Verwenden Sie Attribute data- * benutzerdefinierte Daten einzubetten:
<Ul>
<Li Daten-Tier-type = "bird"> Owl </ li>
<Li Daten-Tier-type = "Fisch"> Salmon </ li>
<Li Daten-Tier-type = "Spinne"> Tarantula </ li>
</ Ul>
<Li Daten-Tier-type = "bird"> Owl </ li>
<Li Daten-Tier-type = "Fisch"> Salmon </ li>
<Li Daten-Tier-type = "Spinne"> Tarantula </ li>
</ Ul>
Versuchen »
Browser-Unterstützung
Alle gängigen Browser unterstützen Attribute data- *.
Definition und Verwendung
Daten- * Attribut wird verwendet, private Seite zu speichern, nachdem Sie benutzerdefinierte Daten.
Daten- * Attributdaten können in jedem beliebigen HTML-Element eingebettet sein.
Benutzerdefinierte Daten können machen die Seite eine bessere interaktive Erfahrung (keine Notwendigkeit, Ajax oder Abfrage von Daten an den Server zu verwenden).
Daten- * Attribut besteht aus zwei Teilen:
- Sie nicht die Eigenschaft Name in Großbuchstaben enthalten, in der Daten- muss mindestens einen Charakter haben.
- Diese Eigenschaft kann eine beliebige Zeichenfolge sein
Hinweis: Benutzerdefinierte prefix "Data-" wird vom Client ignoriert.
Die Unterschiede zwischen den HTML 4.01 und HTML5
HTML5 Attribute data- * hinzugefügt werden.
Grammatik
<Elementdaten - * = "somevalue">
Eigenschaft Wert
Wert | Beschreibung |
---|---|
somevalue | Spezifizierte Attributwert (String) |
HTML Globale Attribute