HTML data-* Attribut
Définition et Utilisation
L'attribut data-* est utilisé pour stocker des données personnalisées qui sont privées à la page ou à l'application.
L'attribut data-* nous permet d'incorporer des attributs de données personnalisées sur tous les éléments HTML.
Les données (personnalisées) stockées peuvent ensuite être utilisées dans le JavaScript de la page pour créer une expérience utilisateur plus engageante, sans avoir besoin d'appels Ajax ou de requêtes de base de données côté serveur.
L'attribut data-* se compose de deux parties :
- Le nom de l'attribut ne doit contenir aucune lettre majuscule 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éfixés par "data-" seront complètement ignorés par l'agent utilisateur.
S'applique à
L'attribut data-* est un Attribut Global et peut être utilisé sur n'importe quel élément HTML.
| Élément | Attribut |
|---|---|
| Tous les éléments HTML | data-* |
Exemple
Exemple
Utilisez l'attribut data-* pour incorporer des données personnalisées :
<ul>
<li data-animal-type="bird">Hibou</li>
<li data-animal-type="fish">Saumon</li>
<li data-animal-type="spider">Tarantule</li>
</ul> Support des Navigateurs
Les chiffres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge l'attribut.
| Attribut | |||||
|---|---|---|---|---|---|
| data-* | 4.0 | 5.5 | 2.0 | 3.1 | 9.6 |