Liste des attributs globaux
Mais avant de voir d'autres balises, nous allons parler d'attributs, et pas n'importe lesquels, les attributs globaux.
Pourquoi globaux ?Parce que c'est une liste d'attributs qui peuvent être appliqués à toute balise HTML, absolument toutes. Alors que d'autres attributs sont spécifiques à certaines balises, ceux-là nous les verrons au fur et à mesure.
Cette liste comporte précisément quatorze attributs, on ne les utilise pas tous les jours, mais il est bon de les connaitre.
- accesskey: Permet de définir un raccourci clavier pour l'élément.
- class : Une liste de classes séparées par des espaces. Cela permet de créer des catégories d'élément et de leur affecter des propriétés css.
- contenteditable : Rend le contenu de l'élément modifiable pour l'utilisateur, ces modifications n'impactent que le navigateur de celui qui les effectue et en aucun cas la page d'origine.
- data-* : Permet de créer des attributs personnalisés, on peut mettre n'importe quels caractère alphanumériques à la place de *. Aucun impact sur l'affichage mais peut être utile combiné à du javascript.
- dir : Affecte la direction du texte. Deux valeurs possibles, "ltr" pour left to right qui affiche le texte de gauche à droite, ou "rtl" pour right to left, qui affiche de droite à gauche. La valeur auto est possible pour laisser le navigateur décider.
- draggable : Indique que l'élément peut être glissé-déposé, ça ne fonctionne pas tout seul, il faut le coupler à l'API drag & drop de javascript.
- hidden : Utilisé pour indiquer qu'un contenu n'est pas encore prêt, ou qu'il n'est plus pertinent. Le contenu n'est pas affiché par le navigateur. (Attention ça ne doit pas être utilisé pour masquer du contenu, il y a d'autres moyens pour cela).
- id : Identifiant unique de l'élément, il ne doit pas y avoir deux éléments avec le même id sur une page.
- lang : Langue utilisée pour l'élément.
- spellcheck : Attribut qui active la détection de faute d'orthographe/grammaire dans le texte.
- style : Permet de préciser du style css pour une balise. Cet attribut bien que toujours présent, ne devrait pas être utilisé de manière générale.
- tabindex : Définit un ordre pour la navigation au clavier avec la touche tabulation.
- title : Précise un titre textuel pour l'élément.
- translate : Précise si les textes qu'il contient doivent être traduits.
Oula, pour la moitié je ne vois même pas quand ni comment l'utiliser.Ne t'inquiète pas, la plupart d'entre eux ne sont utilisés qu'occasionnellement, par contre deux d'entre eux sont très utilisés, et on les retrouve dans toute page HTML, ce sont l'id et la class. Tu verras on commencera à s'en servir par la suite.
Je te fais confiance ! J'ai terminé cette partie