Maison> interface Web> tutoriel HTML> le corps du texte

La différence entre l'identifiant et la classe en HTML

WBOY
Libérer: 2023-08-31 11:53:06
avant
1717 Les gens l'ont consulté

La différence entre lidentifiant et la classe en HTML

En HTML,IdetClasssont tous deux des sélecteurs d'éléments utilisés pour identifier les éléments en fonction des noms attribués à ces paramètres. Les sélecteurs d'ID et de classe sont les sélecteurs d'éléments les plus utilisés en CSS (HTML). La différence fondamentale entre ID et Classe est que le sélecteur d'ID ne s'applique qu'à un seul élément de la page, tandis que le sélecteur de classe peut être appliqué à plusieurs éléments sur une seule page.

Lisez cet article pour en savoir plus sur « id » et « class » en HTML et la différence entre eux.

Qu'est-ce que l'ID en HTML ?

En HTML, le sélecteur « id » est utilisé pour l'attribut id d'un élément. Pour les éléments HTML, le nom « id » commence par le symbole « # » suivi d'un nom unique. Une caractéristique importante de l’élément id est que nous ne pouvons attacher un sélecteur d’identifiant qu’à un élément. Par conséquent, les sélecteurs d’ID sont toujours uniques au sein d’une page HTML.

Exemple de sélecteur d'ID

    Id demo   
  

Get element by Id

Demo for Id selector

Copier après la connexion

Qu'est-ce que CLASS en HTML ?

En HTML, le sélecteur "class" est utilisé pour sélectionner des éléments avec un attribut de classe spécifique. Les sélecteurs de classe commencent par un point (.) suivi du nom de la classe. Contrairement au sélecteur d'identifiant, nous pouvons attacher plusieurs sélecteurs à un élément HTML. Par conséquent, cette classe peut être appliquée plusieurs fois au sein d’une page. Une chose importante à noter concernant les sélecteurs de classe est que les noms de classe ne peuvent pas commencer par un nombre.

Exemple de sélecteur de classe

    Class demo   
  

Get element by class

Demo for class selector

Copier après la connexion

La différence entre ID et CLASS en HTML

Voici les différences importantes entre l'identifiant et la classe &minius;

clé

Id

Catégorie

Grammaire

En HTML, pour un élément, le nom de l'ID commence par le symbole "#", suivi du nom unique qui lui est attribué.

Le nom de la "classe" attribuée à l'élément commence par "." Voici le nom de la classe.

Sélecteur

Un seul sélecteur d'ID peut être attaché à un élément.

Plusieurs sélecteurs de classe peuvent être attachés à un élément.

Unicité

L'ID est unique dans la page et ne peut être appliqué qu'à un seul élément au plus

Cette classe peut être appliquée à plusieurs éléments et donc plusieurs fois sur une même page.

Conclusion

La différence la plus importante que vous devez noter ici est qu'un élément ne peut avoir qu'un seul sélecteur d'ID, alors qu'un élément peut avoir plusieurs sélecteurs de classe. Cependant, les sélecteurs d'ID et de classe sont utilisés pour identifier les éléments en fonction du nom attribué au paramètre d'élément.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:tutorialspoint.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!