Un attribut joue un rôle essentiel en offrant une description plus précise d’une balise. Il existe deux catégories d’attributs : ceux qui sont spécifiques à une balise particulière et ceux appelés "attributs globaux", qui ont la particularité d’être utilisables avec n’importe quel élément HTML. Cette distinction s’avère cruciale pour la structuration et la personnalisation des éléments dans une page web.
Voici ci-dessous la liste des attributs globaux :
- accesskey : il spécifie le raccourci clavier pour activer l’élément HTML.
- class : il spécifie un ou plusieurs noms de classe à un élément HTML.
- contenteditable : il spécifie un ou plusieurs noms de classe à un élément HTML.
- contextmenu : il permet d’afficher un menu contextuel lorsque l’internaute fait un clique-droit sur l’élément HTML.
- data-* : il permet de stocker des données personnalisées à la page
- dir : il spécifie l’orientation du texte du contenu HTML
- draggable : il autorise ou pas le déplacement d’un élément HTML
- dropzone : il indique si les données de l’élément qui glisse sont copiées, déplacées ou liées, quand il est ‘tombé’ sur un élément
- hidden : il indique au navigateur de ne pas afficher l’élément HTML.
- id : il spécifie un identifiant qui doit être unique pour l’élément HTML.
- lang : il spécifie la langue du contenu de l’élément HTML
- spellcheck : il permet d’activer ou de désactiver la correction orthographique automatique sur le contenu de l’élément HTML
- style : il spécifie un style CSS en ligne pour l’élément HTML
- tabindex : il spécifie l’ordre de tabulation d’un élément si vous naviguer avec la touche « tab »
- title : il permet d’afficher une info-bulle lorque vous survolez lentement l’élément HTML
- translate : il indique si le contenu de l’élément HTML doit être traduit ou pas.