Données HTML-* Attribut
Définition et utilisation
L'
data-*attribut est utilisé pour stocker des données personnalisées privées pour la page ou l'application.
L'
data-*attribut nous donne la possibilité d'intégrer des attributs de données personnalisés sur tous les éléments HTML.
Les données stockées (personnalisées) peuvent ensuite être utilisées dans le JavaScript de la page pour créer une expérience utilisateur plus attrayante (sans aucun appel Ajax ni requête de base de données côté serveur).
L'
data-*attribut se compose de deux parties :
- Le nom de l'attribut ne doit pas contenir de lettres majuscules et doit comporter au moins un caractère après le préfixe "data-"
- La valeur de l'attribut peut être n'importe quelle chaîne
Remarque : les attributs personnalisés précédés de "data-" seront complètement ignorés par l'agent utilisateur.
S'applique à
L'
data-*attribut est un attribut global et peut être utilisé sur n'importe quel élément HTML.
| Élément | Attribut |
|---|---|
| Tous les éléments HTML | Les données-* |
Exemple
Exemple
Utilisez l'attribut data-* pour intégrer des données personnalisées :
<ul>
<li data-animal-type="bird">Owl</li>
<li data-animal-type="fish">Salmon</li>
<li data-animal-type="spider">Tarantula</li>
</ul>
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge l'attribut.
| Attribute | |||||
|---|---|---|---|---|---|
| data-* | 4.0 | 5.5 | 2.0 | 3.1 | 9.6 |