Maison > Article > interface Web > La différence entre l'identifiant et la classe en HTML

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

WBOYavant: 2023-08-31 11:53:061800parcourir

La différence entre lidentifiant et la classe en HTML

En HTML, Id et Class sont 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

<!DOCTYPE html>
<html>
<head>
<title>
  Id demo
</title>
<style>
  #idDemo{
     color:green;
     font-size:25px;
  }
</style>
</head>
<body style="text-align:center">
   <h1>Get element by Id</h1>
   <p id="idDemo">Demo for Id selector</p>
</body>
</html>

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

<!DOCTYPE html>
<html>
<head>
<title>
	Class demo
</title>
<style>
   .classDemo{
       color:orange;
       font-size:25px;
   }
</style>
</head>
<body style="text-align:center">
	<h1>Get element by class<h1>
	<p class="classDemo">Demo for class selector</p>
</body>
</html>

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!

css html class 选择器

Déclaration：

Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer

Article précédent：Comment puis-je modifier ce code JavaScript pour récupérer l'URL de l'image à partir d'un fichier JSON et l'afficher en HTML ?Article suivant：Comment puis-je modifier ce code JavaScript pour récupérer l'URL de l'image à partir d'un fichier JSON et l'afficher en HTML ?

Articles Liés

Voir plus