À quoi servent les attributs data en HTML?

Pour stocker des données arbitraires qui n'ont pas de valeur sémantique explicite, directement dans les éléments HTML. Cela permet :

• d'accéder à ces données via JavaScript pour un comportement ou des manipulations dynamiques.
• de les utiliser dans des sélecteurs CSS pour styliser les éléments en fonction des valeurs des attributs data.
• d'intégrer des configurations ou des métadonnées liées à un élément spécifique, sans nécessiter de stockages séparés ou de solutions de contournement.

Par exemple, vous pouvez stocker l'ID d'un objet lié, le statut de l'élément ou d'autres données spécifiques à l'application.