HTML -gegevens-* Attributen
Voorbeeld
Gebruik het kenmerk data-* om aangepaste gegevens in te sluiten:
<ul>
<li data-animal-type="bird">Owl</li>
<li data-animal-type="fish">Salmon</li>
<li data-animal-type="spider">Tarantula</li>
</ul>
Definitie en gebruik
De data-*
attributen worden gebruikt om aangepaste gegevens privé op te slaan voor de pagina of applicatie.
De data-*
attributen geven ons de mogelijkheid om aangepaste gegevensattributen in te sluiten op alle HTML-elementen.
De opgeslagen (aangepaste) gegevens kunnen vervolgens worden gebruikt in het JavaScript van de pagina om een boeiendere gebruikerservaring te creëren (zonder Ajax-aanroepen of server-side databasequery's).
De data-*
attributen bestaan uit twee delen:
- De attribuutnaam mag geen hoofdletters bevatten en moet minstens één teken lang zijn na het voorvoegsel "data-"
- De attribuutwaarde kan elke tekenreeks zijn
Opmerking: aangepaste attributen met het voorvoegsel "data-" worden volledig genegeerd door de user-agent.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die het kenmerk volledig ondersteunt.
Attribute | |||||
---|---|---|---|---|---|
data-* | 4.0 | 5.5 | 2.0 | 3.1 | 9.6 |
Syntaxis
<element data-*="somevalue">
Attribuutwaarden
Value | Description |
---|---|
somevalue | Specifies the value of the attribute (as a string) |
Gerelateerde pagina's
HTML-zelfstudie: HTML-kenmerken
HTML DOM-referentie: HTML DOM getAttribute()-methode