L'attribut universel class
indique une liste de classes associées à l'élément courant. Les classes permettent de manipuler les éléments, via CSS ou JavaScript en utilisant les sélecteurs de classe ou des fonctions telles que document.getElementsByClassName
.
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
Bien que la spécification ne précise aucune contrainte quant aux noms utilisés pour les classes, une bonne pratique consiste à utiliser des noms qui traduisent la sémantique de l'élément plutôt que la mise en forme. Ainsi, les noms sémantiques restent pertinents même lorsque la présentation de la page évolue.
Spécifications
Spécification | État | Commentaires |
---|---|---|
HTML Living Standard La définition de 'class' dans cette spécification. |
Standard évolutif | Aucune modification depuis HTML 5.1. |
HTML 5.1 La définition de 'class' dans cette spécification. |
Recommendation | État selon HTML Living Standard. Aucune modification depuis HTML5 |
HTML5 La définition de 'class' dans cette spécification. |
Recommendation | État selon HTML Living Standard. class est désormas sun attribut universel depuis HTML 4.01 Specification,. |
HTML 4.01 Specification La définition de 'class' dans cette spécification. |
Recommendation | Cet attribut est pris en charge sur tous les éléments à l'exception de <base> , <basefont> , <head> , <html> , <meta> , <param> , <script> , <style> et <title> . |
Compatibilité des navigateurs
Ordinateur | Mobile | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Support simple | Chrome Support complet Oui | Edge Support complet Oui | Firefox Support complet 32 | IE Support complet Oui | Opera Support complet Oui | Safari Support complet Oui | WebView Android Support complet Oui | Chrome Android Support complet Oui | Edge Mobile Support complet Oui | Firefox Android Support complet 32 | Opera Android Support complet Oui | Safari iOS Support complet Oui | Samsung Internet Android Support complet Oui |
Légende
- Support complet
- Support complet