Introduction à la balise XHTML sémantique_HTML/Xhtml_Production de pages Web

Le premier point à expliquer est que les gens peuvent juger la sémantique du contenu grâce à la division visuelle, et que les moteurs de recherche ne voient que le code. Les moteurs de recherche ne peuvent juger de la sémantique du contenu qu’à travers des balises. Je n'ai vraiment pas prêté beaucoup d'attention aux moteurs de recherche auparavant, mais maintenant je commence à y prêter plus d'attention, car une grande partie du trafic de la page provient des moteurs de recherche. Pour rendre la page aussi conviviale que possible pour les moteurs de recherche. , il est nécessaire de rendre les balises aussi sémantiques que possible.

Dans le passé, sur la base de ma compréhension superficielle du développement Web, je pensais que pour écrire une bonne page conforme aux standards, il suffisait de séparer la structure et la présentation, puis de ne pas utiliser de tableau, de police et autres balises Quant à la page entière, c'est div je ne pense pas qu'il y ait de problème car CSS est très puissant. Cependant, toutes les balises ont leur propre sémantique. La sémantique de certaines balises est donnée ci-dessous :

sémantique div : Division (séparation)

sémantique span : Span (plage)

ol Sémantique : Liste ordonnée (liste triée)

ul Sémantique : Liste non ordonnée (liste non ordonnée)

li Sémantique : Élément de liste (élément de liste)

… ………

Si vous ignorez la sémantique des balises et les styles par défaut et utilisez des div pour toutes les balises, vous pouvez réellement écrire des pages avec de bons effets visuels, à condition d'utiliser CSS de manière flexible. Mais dans ce cas, même si les exigences visuelles sont remplies, la page entière n’a aucune signification sémantique et les moteurs de recherche ne peuvent toujours pas la comprendre. Par conséquent, n'oubliez pas :

La structure (html) est au centre de l'attention et le style (css) est utilisé pour modifier la structure. Par conséquent, vous devez d'abord déterminer le code HTML et les balises, puis choisir le CSS approprié.

De manière générale, toutes les balises auront un style par défaut, donc un moyen simple de juger si la sémantique des balises de page Web est bonne est de supprimer le style et de voir si la structure de la page Web est bien organisée et ordonnée, et s'il y a encore beaucoup de contenu. Bonne lisibilité.

De plus, il convient de mentionner la balise h. La signification sémantique de la balise h est le titre. Les moteurs de recherche sont plus sensibles à cette balise, notamment h1 et h2. Pour une page avec une bonne sémantique, les balises h doivent être complètes et ordonnées, sans espaces. En d’autres termes, h1, h2, h3, h4 devraient être poussés vers le bas comme ceci, au lieu de h1, h3, h4 et h2 devraient être manqués. Pour une page Web bien structurée, la balise h peut organiser le contour de la page Web.