HTML -gegevens-* Attribuut
Definitie en gebruik
Het
data-*kenmerk wordt gebruikt om aangepaste gegevens privé op te slaan voor de pagina of toepassing.
Het
data-*attribuut geeft 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).
Het
data-*attribuut bestaat 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.
Geldt voor
Het
data-*attribuut is een Global Attribute en kan op elk HTML-element worden gebruikt.
| Element | Attribuut |
|---|---|
| Alle HTML-elementen | gegevens-* |
Voorbeeld
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>
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 |