HTML/Attribute/data-*

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Mit data-Attributen (Custom Data Attributes) haben Sie die Möglichkeit, Elementen eigene Attribute mitzugeben, die dann per Script ausgewertet oder mit CSS genutzt werden können.[1] In diesen Attributen können Sie Informationen, die nicht visuell präsentiert werden sollen, zur Verfügung stellen.

Anders als Mikroformate sind data-Attribute interne Angaben und werden von Suchmaschinen nicht ausgewertet. Sie können beliebig viele data-Attribute definieren; diese müssen nur mit data- beginnen und aus Kleinbuchstaben bestehen.[2]

erlaubte Werte
default-Wert
erlaubt in allen Elementen
Beispiel 
<article
  id="neue-Elemente"
  data-columns="3"
  data-index-number="12314"
  data-parent="html5">
...
</article>


Empfehlung: Sie können data-Attribute mit der JavaScript-Methode getAttribute auslesen.

Weblinks

  1. ↑ W3C: Custom data-Attributes
  2. ↑ MDN: Using data-Attributes
Liste der HTML-Attribute