Les attributs globaux sont des attributs que vous pouvez placer sur n'importe quel élément HTML, quel que soit son type. Ils fournissent l'identification, des crochets de style, des informations d'accessibilité et des métadonnées.
html
Content
Les attributs globaux sont des attributs que vous pouvez placer sur n'importe quel élément HTML, quel que soit son type. Ils fournissent l'identification, des crochets de style, des informations d'accessibilité et des métadonnées.
Content
id — ancrage unique pour CSS (#hero), JS (getElementById) et liens dans la page (href="#hero").class — le crochet principal pour le style et les scripts ; réutilisable sur plusieurs éléments.data-* — attachez des données personnalisées aux éléments, lisibles en JS via element.dataset.tabindex — contrôlez la focalisabilité et l'ordre de tabulation du clavier (0 = focalisable dans l'ordre, -1 = focalisable uniquement via script).hidden, title, lang, role, aria-* — visibilité, info-bulles, langue et accessibilité.data-* en action<button data-action="delete" data-id="7">Delete</button>
button.dataset.action; // "delete"
button.dataset.id; // "7" (always a string)
Les attributs globaux sont la boîte à outils commune que vous utilisez sur presque tous les éléments — class/id pour le style et les scripts, data-* pour passer des données à JS, et tabindex/role/aria-* pour l'accessibilité.
Les connaître maintient votre balisage propre et le comportement cohérent.