HTML classAttribut
Exemples
Utilisation de l'attribut class dans un document HTML :
<html>
<head>
<meta charset="utf-8">
<title>Tutoriel d'exemple (example.com)</title>
<style>
h1.intro {color:blue;}
p.important {color:green;}
</style>
</head>
<body>
<h1 class="intro">Titre 1</h1>
<p>Paragraphe.</p>
<p class="important">Remarque : Ceci est un paragraphe très important. :)</p>
</body>
</html>
Essayez-le vous-même »
D'autres exemples sont fournis plus loin dans ce chapitre.
Prise en charge des navigateurs
Tous les principaux navigateurs prennent en charge l'attribut class
Définition et utilisation
L'attribut class définit le nom de classe d'un élément.
L'attribut class est généralement utilisé pour pointer vers une classe dans une feuille de style. Cependant, il peut aussi être utilisé en JavaScript (via le DOM HTML) pour modifier le nom de classe des éléments HTML.
Différence entre HTML 4.01 et HTML5
En HTML5, l'attribut class peut être utilisé sur n'importe quel élément HTML (il sera validé sur n'importe quel élément HTML. Cependant, il n'est pas nécessairement utile).
En HTML 4.01, l'attribut class ne peut pas être utilisé sur : <base>, <head>, <html>, <meta>, <param>, <script>, <style> et <title>.
Syntaxe
Valeurs d'attributs
| Valeur | Description |
|---|---|
| classname | Spécifie le nom de classe d'un élément. Pour spécifier plusieurs classes pour un élément, séparez les noms de classe par des espaces. <span class="left important">. Les éléments HTML autorisent plusieurs classes. Règles de nommage :
|
Plus d’exemples
Comment ajouter plusieurs classes à un élément HTML.
Attributs globaux HTML Autres extensions