L’attribut “data-” en HTML5 est utilisé pour stocker des informations supplémentaires ou personnalisées qui ne sont pas couvertes par les autres attributs disponibles en HTML5. Il est surtout utilisé lorsque aucun autre attribut approprié n’existe, comme des données à manipuler par JavaScript.
Voici comment vous pouvez utiliser l’attribut “data-”:
1. Ajouter au code HTML: Vous pouvez ajouter des attributs data- à presque n’importe quelle balise HTML. Par exemple :
```
Dans cet exemple, les attributs “data-role” et “data-theme” sont ajoutés à une div HTML.
1. Accéder aux valeurs depuis Javascript: Les attributs data- peuvent être facilement accessibles depuis Javascript en utilisant l’API dataset. Par exemple, pour accéder à la “data-theme” de l’exemple précédent, vous pouvez utiliser le code Javascript suivant :
```
var elem = document.getElementById(“exemple”);
var theme = elem.dataset.theme;
```
Dans l’exemple ci-dessus, “theme” contiendrait la valeur de l’attribut “data-theme”, c’est-à-dire “a”.
Cela rend les attributs data- particulièrement utiles pour le travail avec JavaScript sur le front-end.
Une chose à noter, cependant, est que les attributs data- ne sont pas destinés à être vus par l’utilisateur. Ils sont uniquement destinés à stocker des informations pour être utilisées par le page ou l’application.
