Qu’est qu’un ID ? Une CLASS ?
I. Présentation
En HTML, il y a deux façons de nommer un élément, avec un ID ou avec une CLASS. Faisons le point sur ces deux attributs.
II. Qu’est-ce qu’un ID ?
Un ID permet de définir un élément dans une page HTML pour ensuite lui attribuer des propriétés CSS dans une feuille de style. Les ID ont aussi l’avantage de fonctionner avec du Javascript grâce à l’élément GetElementById, contrairement au Class qui ne peuvent pas être appelée par du Javascript.
Un ID doit être unique dans une page, il ne doit pas y en avoir plusieurs avec le même nom dans une même page sinon cela serait incorrect. L’ID doit désigner un seul et unique élément.
- Définir une ID dans une page HTML (Exemple avec l’élément div) :
<div id='nom'> … </div>
- Attribuer des propriétés CSS à cet élément :
#nom {
Propriété1 ;
Propriété2 ;
}
III. Qu’est-ce qu’une CLASS ?
Une Class permet elle aussi de définir un élément dans une page HTML dans le but de lui attribuer des propriétés CSS. Contrairement à l’attribut ID, une CLASS peut être répétée plusieurs fois dans la même page (avec le même nom).
- Définir une CLASS dans une page HTML (Exemple avec l’élément h2) :
<h2 class=’nom’>Mon Titre</h2>
- Attribuer des propriétés CSS à cet élément :
.nom {
Propriété1 ;
Propriété2 ;
}
