Maison > interface Web > tutoriel CSS > La différence entre la classe et l'ID dans l'échange div+css_Experience

La différence entre la classe et l'ID dans l'échange div+css_Experience

WBOY
Libérer: 2016-05-16 12:07:55
original
1700 Les gens l'ont consulté

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 celle d'un script : une classe peut définir le scénario de chaque personnage du script, et vous pouvez utiliser cette classe via CSS, Javascript, etc. Par conséquent, vous pouvez 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 balise qui n'apparaît qu'une seule fois sur la page. Lors de la création 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 en-tête , 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.
 
Cela peut se 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 un grand nombre de navigateurs, mais il s'agit certainement d'une utilisation incorrecte selon la norme et peut provoquer des problèmes réels dans certains navigateurs. (Je viens de l'essayer dans Dreamweaver, et en effet, il n'y a eu aucune erreur)
 
Dans l'application réelle, Class peut être plus utile pour la mise en page du texte, etc., tandis que l'ID est plus utile pour la mise en page des macros et le placement de la conception de divers éléments. ça marche.

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal