- un id s’applique à un objet unique : il ne peut pas y avoir deux mêmes id dans une page.
- une classe peut caractériser plusieurs objets (identiques ou non)
L’ID (Identificateur) en HTML est un attribut qui permet de mettre en évidence un élément spécifique dans une page web. Il est utilisé pour identifier un élément unique, tel qu’un en-tête, une bannière, un pied de page, etc. En CSS, l’ID est utilisé pour appliquer des styles à un élément spécifique identifié par son ID.
Pour appeler un ID dans le CSS, il suffit de précéder l’identificateur avec le symbole dièse (#). Par exemple, si vous avez un élément avec l’ID « en-tête », vous pouvez le sélectionner en écrivant « #en-tête » dans votre feuille de style CSS.
La classe en HTML est un attribut qui permet de regrouper plusieurs éléments sous une même appellation. Elle est utilisée pour identifier des éléments similaires et leur appliquer des styles CSS communs. Contrairement à l’ID, la classe peut être utilisée plusieurs fois dans une même page.
Pour utiliser l’attribut class, vous devez ajouter la classe souhaitée à l’élément HTML que vous voulez identifier. Par exemple, si vous voulez regrouper tous les paragraphes dans un même style CSS, vous pouvez attribuer la classe « paragraphe » à chaque élément de paragraphe.
Les deux attributs obligatoires d’une balise form sont « action » et « method ». L’attribut « action » indique l’adresse URL du script qui traitera les données du formulaire, tandis que l’attribut « method » indique la méthode HTTP à utiliser pour envoyer les données du formulaire au serveur.
Pour cibler un élément en CSS, vous devez utiliser un sélecteur. Les sélecteurs permettent de sélectionner un ou plusieurs éléments en fonction de leur ID, de leur classe, de leur type ou de leur position dans la hiérarchie du document. Par exemple, pour cibler tous les éléments de paragraphe d’une classe « paragraphe », vous pouvez écrire « .paragraphe ».
Pour ajouter un ID à une balise de paragraphe en HTML, vous devez utiliser l’attribut « id ». Par exemple, pour ajouter un ID « monparagraphe » à un paragraphe, vous pouvez écrire la balise de cette façon :
.
Le sélecteur qui permet de cibler un élément avec un id est « # ». Par exemple, si un élément a un id de « monid », le sélecteur pour le cibler serait « #monid ».
Pour ajouter un attribut HTML à un élément, vous pouvez utiliser la syntaxe suivante :
« `
« `
Par exemple, pour ajouter l’attribut « class » à un élément div, vous pouvez écrire :
« `
« `
Vous pouvez également utiliser JavaScript pour ajouter ou modifier des attributs HTML dynamiquement.