Un autre aspect important de la séparation de la structure et de la représentation est l'utilisation du balisage sémantique pour construire un contenu de document. L'existence d'un élément XHTML signifie que la partie du contenu tagué a un sens structuré correspondant, et il n'y a aucune raison d'utiliser d'autres balises. En d'autres termes, ne laissez pas CSS faire un élément HTML ressembler à un autre élément HTML, comme l'utilisation de <v> au lieu du titre de balise <p>.
Tout d'abord, il s'agit de la différence entre la sémantique et les styles par défaut. Le style par défaut est l'expression de certaines balises couramment utilisées définies par le navigateur. Je pense personnellement que son objectif principal est de laisser tout le monde se familiariser intuitivement avec les utilisations et les fonctions des balisages et des attributs. Il est évident que la série HX ressemble beaucoup au titre car elle a des tailles de police audacieuses et plus grandes. <strong>, <em> est utilisé pour le distinguer des autres mots et joue un rôle d'accent. Quant à la liste et à la table, il est évident de vous dire ce qu'ils font.
Deuxièmement, la chose la plus importante à propos des pages Web sémantiques est qu'elles sont amicales pour les moteurs de recherche, et avec une bonne structure et une bonne sémantique, le contenu de votre page Web est naturellement facilement rampé par les moteurs de recherche, et la promotion de votre site Web peut économiser beaucoup d'efforts.
La sémantique et les utilisations spécifiques ont été expliquées dans la référence de balise XHTML1.0. Certaines balises et attributs facilement oubliés ou confus sont complétés ici.
<hx><h1>, <h2>, <h3>, <h4>, <h5>, <h6>, sont utilisés comme titres et sont réduits selon l'importance. <h1> est le plus haut niveau.
Par exemple:
Exemple de code [www.cuoxin.com]