HTML class Attribute

Exemple

Utilisation de la class attribut dans un document HTML:

<html>
<head>
<style>
h1.intro {
color: blue;
}

p.important {
color: green;
}
</style>
</head>
<body>

<h1 class="intro">Header 1</h1>
<p>A paragraph.</p>
<p class="important">Note that this is an important paragraph. :)</p>

</body>
</html>

Essayez - le vous - même »

Plus "Try it yourself" exemples ci-dessous.

Définition et utilisation

La class attribut spécifie un ou plusieurs noms de classe pour un élément.

La class attribut est principalement utilisé pour pointer vers une classe dans une feuille de style. Cependant, il peut également être utilisé par un JavaScript (via le DOM HTML) pour apporter des modifications aux éléments HTML avec une classe spécifiée.

support du navigateur

Attribut
class	Oui	Oui	Oui	Oui	Oui

Différences entre HTML 4.01 et HTML5

En HTML5, la class attribut peut être utilisé surtout élément HTML (il sera valide sur tout élément HTML. Cependant, il est pas nécessairement utile).

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

Syntaxe

<elementclass="classname">

Attribut valeurs

Valeur	La description
classname	Indique un ou plusieurs noms de classe pour un élément. Pour spécifier plusieurs classes, séparer les noms de classe avec un espace, par exemple <span class="left important"> . Cela vous permet de combiner plusieurs classes CSS pour un élément HTML. règles de nommage: Doit commencer par une lettre AZ ou az Peut être suivi par: lettres (A-Za-z) , des chiffres (0-9) , des tirets ("-") , et de soulignement ("_") En HTML, toutes les valeurs sont insensibles à la casse

Valeur

La description

classname

Indique un ou plusieurs noms de classe pour un élément. Pour spécifier plusieurs classes, séparer les noms de classe avec un espace, par exemple <span class="left important"> . Cela vous permet de combiner plusieurs classes CSS pour un élément HTML.

règles de nommage:

Doit commencer par une lettre AZ ou az
Peut être suivi par: lettres (A-Za-z) , des chiffres (0-9) , des tirets ("-") , et de soulignement ("_")
En HTML, toutes les valeurs sont insensibles à la casse

Autres exemples

Exemple

Ajouter plusieurs classes à un élément HTML:

<!DOCTYPE html>
<html>
<head>
<style>
h1.intro {
    color: blue;
    text-align: center;
}

.important {
    background-color: yellow;
}
</style>
</head>
<body>

<h1 class="intro important">Header 1</h1>
<p>A paragraph.</p>

</body>
</html>

Essayez - le vous - même »