Apprendre HTML : Attributs Universels class et id

Lors des chapitres précédents, on a découvert qu’il existait de nombreux attributs HTML, mais il est important de noter que si certains d’entre-eux n’étaient utilisables que sur certaines balises, d’autres le sont sur l’ensemble des balises de contenu, de formulaires et de structuration ; on les appelle attributs universels.

Leur usage est omniprésent lors de l’intégration d’une page web.

Attribut class

L’attribut class permet de catégoriser un élément HTML. On donne une classe à un élément pour lui spécifier une appartenance à un groupe. Il est possible de déclarer plusieurs classes en séparant leurs noms par des espaces.

<div class="product">
	...
</div>

<div class="product bg-red">
	...
</div>

On utilise les classes pour :

• Appliquer un style CSS commun à plusieurs éléments (miniatures d’articles, fiches produits, portions de textes, éléments de formulaire, etc.).
• Manipuler une famille d’éléments spécifiques en JS.

Attribut id

L’attribut id permet d’identifier de manière unique un élément HTML.

<div id="result">
	...
</div>

On utilise les id pour :

• Appliquer un style CSS à un élément unique.
• Manipuler un élément unique en JS.
• Créer une ancre (lien interne sur une page).