class est la classe qui définit l'étiquette.
id est l'identifiant de l'étiquette définie.
L'attribut class est utilisé pour spécifier à quelle classe de style appartient l'élément.
Par exemple, une feuille de style peut être ajoutée :
.baobao { couleur : citron vert fond : #ff80c0 }
Utilisation : classe="baobao"
L'attribut id est utilisé pour définir un style unique pour un élément. Comme une règle CSS :
#binbin { taille de police : plus grande }
Utilisation : id="binbin"
L'ID est une étiquette utilisée pour distinguer différentes structures et contenus, tout comme votre nom. S'il y a deux personnes portant le même nom dans une pièce, une confusion se produira ;
La classe est un style qui peut être appliqué à n’importe quelle structure et contenu, tout comme un vêtement ;
Conceptuellement parlant, ils sont différents : id trouve d'abord la structure/le contenu, puis définit un style pour celui-ci ; class définit d'abord un style, puis l'applique à plusieurs structures/contenus.
Une classe est utilisée pour définir un ou plusieurs éléments en fonction de critères définis par l'utilisateur. Une analogie plus appropriée est un script : une classe peut définir le scénario de chaque personnage du script. Vous pouvez utiliser cette classe via CSS, javascript, etc. Vous pouvez donc utiliser class="Frodon", class="Gandalf", class="Aragorn" sur une page pour distinguer différentes intrigues. Un autre point très important est que vous pouvez utiliser Class autant de fois que vous le souhaitez dans un document.
Quant à l’ID, il est généralement utilisé pour définir une marque qui n’apparaît qu’une seule fois sur la page. Lors de l'exécution d'une mise en page structurée pour la mise en page (par exemple, une page se compose généralement d'un en-tête, d'un masthead <masthead>, d'une zone de contenu et d'un pied de page, etc.), il est généralement idéal d'utiliser un ID, car un ID est dans a Ne peut être utilisé qu'une seule fois dans le document. Ces éléments apparaissent rarement plus d’une fois sur la même page.
Pour résumer en une phrase : la classe peut être utilisée à plusieurs reprises mais l’ID ne peut être utilisé qu’une seule fois dans une page. Il est possible que l'utilisation répétée du même identifiant ne pose pas de problèmes dans la plupart des navigateurs, mais il s'agit certainement d'une utilisation incorrecte selon la norme et peut provoquer des problèmes réels dans certains navigateurs.
Dans les applications pratiques, Class peut être plus utile pour la mise en page de texte, etc., tandis que ID est plus utile pour la mise en page de macros et le placement de conception de divers éléments.