L'identifiant est utilisé pour identifier l'élément unique sur la page. Le nom de l'identifiant est un moyen de contrôler un certain bloc de contenu en plaçant un certain bloc de contenu dans un div et en lui attribuant un identifiant unique, vous pouvez utiliser des sélecteurs CSS pour. définir avec précision l'apparence de chaque élément de la page, y compris les titres, les listes, les images, les liens ou les paragraphes, etc. Par exemple, si vous écrivez une règle CSS pour #header, elle peut être complètement différente de la règle d'image dans #content.
Les styles de liens dans différents blocs de contenu peuvent être définis via différentes règles. Quelque chose comme ceci : #nav a:link ou #main a:link ou #footer a:link. Vous pouvez également définir différents styles pour les mêmes éléments dans différents blocs de contenu. Par exemple, définissez les styles de #main p et #sider p respectivement via #main p et #sider p. Structurellement parlant, votre page est composée d'images, de liens, de listes, de paragraphes, etc. Ces éléments eux-mêmes n'affectent pas le périphérique réseau sur lequel ils sont affichés (PDA, téléphone mobile ou TV Internet). Ils peuvent être définis comme n'importe quelle apparence de performance.
Une page HTML soigneusement structurée est très simple et chaque élément est utilisé à des fins structurelles. Lorsque vous souhaitez mettre en retrait un paragraphe, vous n'avez pas besoin d'utiliser la balise blockquote. Utilisez simplement la balise p et ajoutez une règle d'indentation de texte CSS à p pour atteindre l'objectif d'indentation. p est une balise structurée et text-indent est un attribut de présentation. La première appartient au HTML et le second au CSS. (C'est la séparation légendaire de la structure et de l'expression)
Les pages HTML bien structurées n'ont presque pas de balises d'attribut. Le code est très propre et concis. Par exemple, le code original ne peut désormais être écrit qu'en HTML, et tout ce qui contrôle les performances est écrit en CSS. En HTML structuré, un tableau est un tableau, rien d'autre (sans compter qu'il ne peut pas être utilisé pour la mise en page et le positionnement). ) ).
Bien sûr, les sélecteurs CSS ne sont pas aussi simples. En plus des identifiants et des classes, il existe également des sélecteurs descendants, des sélecteurs d'attributs, etc.