Latest web development tutorials

attribut de classe HTML

Attributs HTML mondial Attributs HTML mondial

Exemples

Utilisez l'attribut de classe dans un document HTML:

<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Titre> Ce tutoriel (w3big.com) </ title>
<Style>
h1.intro {color: blue;}
p.important {color: green;}
</ Style>
</ Head>
<Body>

<Class H1 = "intro"> rubrique 1 </ h1>
<P> paragraphes. </ P>
<P class = "important"> Note: Ceci est un paragraphe très important. :) </ P>

</ Body>
</ Html>

Essayez »

Il y a d'autres exemples plus loin dans ce chapitre.

support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Tous les principaux navigateurs prennent en charge l'attribut class


Définition et utilisation

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

propriété de classe est généralement utilisé pour pointer vers une classe de style. Cependant, il peut également être utilisé en JavaScript (via le DOM HTML), de modifier le nom de la classe des éléments HTML.


Différences entre HTML 4.01 et HTML5

En HTML5, les attributs de classe peuvent être utilisés pour tout élément HTML (il vérifiera que tout élément HTML, mais pas nécessairement utile).

Dans HTML 4.01, les attributs de classe ne peuvent pas être utilisés: <base>, <head>, <html>, <meta>, <param>, <script>, <style> et <title>.


grammaire

<Class Element= "classname">

Valeur de la propriété

valeur description
classname Il spécifie le nom de l'élément de classe. Pour un élément pour définir une pluralité de classes, les noms de classes séparées par des espaces. <Span class = "left importante">. Élément HTML permet l'utilisation de plusieurs classes.

Nom règles:

  • Doit commencer par une lettre AZ ou az
  • Les caractères suivants peuvent être: (A-Za-z), des chiffres (0-9), la barre ( "-"), et le trait de soulignement ( "_")
  • En HTML, le nom de classe est sensible à la casse


Exemples

D'autres exemples

Ajouter plusieurs classes d'éléments
éléments HTML comment ajouter plusieurs classes.


Attributs HTML mondial Attributs HTML mondial