HTML data-* Kenmerk
Definisie en gebruik
Die
data-*kenmerk word gebruik om persoonlike data privaat op die bladsy of toepassing te stoor.
Die
data-*kenmerk gee ons die vermoë om persoonlike data-kenmerke op alle HTML-elemente in te sluit.
Die gestoorde (pasgemaakte) data kan dan in die bladsy se JavaScript gebruik word om 'n meer innemende gebruikerservaring te skep (sonder enige Ajax-oproepe of bedienerkant-databasisnavrae).
Die
data-*kenmerk bestaan uit twee dele:
- Die kenmerknaam moet geen hoofletters bevat nie, en moet minstens een karakter lank na die voorvoegsel "data-" wees
- Die kenmerkwaarde kan enige string wees
Let wel: Gepasmaakte kenmerke wat met "data-" voorvoeg, sal heeltemal deur die gebruikeragent geïgnoreer word.
Is van toepassing op
Die
data-*kenmerk is 'n Global Attribute , en kan op enige HTML-element gebruik word.
| Element | Eienskap |
|---|---|
| Alle HTML-elemente | data-* |
Voorbeeld
Voorbeeld
Gebruik die data-*-kenmerk om gepasmaakte data in te sluit:
<ul>
<li data-animal-type="bird">Owl</li>
<li data-animal-type="fish">Salmon</li>
<li data-animal-type="spider">Tarantula</li>
</ul>
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die kenmerk ten volle ondersteun.
| Attribute | |||||
|---|---|---|---|---|---|
| data-* | 4.0 | 5.5 | 2.0 | 3.1 | 9.6 |