Manuel de référence HTML

Tous les balises HTML

Attribut class HTML

La valeur de l'attribut global class est une liste de noms de classes (classes) séparés par des espaces de l'élément, ce qui permet à CSS et JavaScript de sélectionner et d'accéder à des éléments spécifiques via des sélecteurs de classe (class selectors) ou des méthodes DOM (document.getElementsByClassName).

Attributs globaux HTML

Exemple en ligne

Utilisation de l'attribut class dans un document HTML :

Exemple

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Base Tutorial Network(oldtoolbag.com)</title>
<style>
h1.intro {
　　　　color: bleu;
}
p.important {
　　　　color: vert;
}
</style>
</head>
<body>
<h1　class="intro">En-tête　1</h1>
<p>Un paragraphe.</p>
<p class="important">Notez que ce paragraphe est important. :)</p>
</body>
</html>

Voyons si ‹/›

Bien que le nommage de class ne soit pas obligatoire, les développeurs web devraient utiliser des noms qui expriment l'objectif sémantique de l'élément plutôt que des noms qui décrivent l'apparence de l'élément (même si un élément est en italique, le nom de la classe ne devrait pas être italics). Les noms sémantiques restent logiques même si l'apparence de la page change.

Compatibilité des navigateurs

IEFirefoxOperaChromeSafari

Tous les navigateurs populaires supportent l'attribut class

Définition et utilisation

L'attribut class définit le nom de classe de l'élément.

L'attribut class attribue une ou plusieurs noms de classes à un élément.

L'attribut class est généralement utilisé pour pointer vers une feuille de style. Cependant, JavaScript peut également l'utiliser (par le biais de l'HTML DOM) pour modifier les éléments HTML ayant une classe spécifiée.

HTML 4.01 et HTML5Les différences entre

Dans HTML5 Dans, l'attribut class peut être utilisé pour n'importe quel élément HTML (il Vérifiez tout élément HTML. Ce n'est pas nécessairement utile).

Dans HTML 4.01 Dans, l'attribut class ne peut pas être utilisé pour: <base>, <head>, <html>, <meta>, <param>, <script>, <style> et <title>.

Syntaxe

　　 <element>

Valeur de l'attribut

Valeur	Description
classname	Définir le nom de la classe de l'élément. Pour définir plusieurs classes pour un élément, séparez les noms de classe par des espaces. <span>. Les éléments HTML permettent l'utilisation de plusieurs classes. Règles de nommage : Doit commencer par une lettre A-Z ou a-z commence Peuvent être les caractères suivants : (A-Za-, le nombre (0-9, la barre oblique inversée ("")-, et le trait de soulignement ("_") Dans HTML, les noms de classe sont sensibles à la casse

Plus d'exemples

Ajouter plusieurs classes à un élément
Comment ajouter plusieurs classes dans un élément HTML.

Attributs globaux HTML

HTML: <template> balise