La sémantique HTML semble être un cliché. Google a beaucoup d'articles sur la sémantique. Pourquoi les balises de sémantique? Je pense que c'est ce que je pense: chaque balise de HTML a sa signification spécifique, et la sémantique est de nous permettre d'utiliser des balises appropriées au bon endroit pour mieux faire des personnes et des machines (les machines peuvent être comprises car les navigateurs peuvent être compris comme des moteurs de recherche). Si mon explication n'est pas assez claire, veuillez Google.
Comment utiliser la bonne étiquette au bon endroit?Ceci est une logique de compréhension simple. Par exemple, les balises H1 ~ H6 sont utilisées pour les classes de titre; UL est utilisé pour les listes non ordonnées; OL est utilisé pour les listes remplies; DL est utilisé pour définir des listes; EM, des balises fortes sont utilisées pour souligner ... pour le dire franchement, chaque définition anglaise de la balise HTML détermine sa sémantique (plus tard de cet article, je mettrai un tableau de comparaison des définitions anglaises des balises HTML couramment utilisées pour référence).
Qu'est-ce que les gens et les machines peuvent voir en un coup d'œil?La meilleure façon de vérifier si la page HTML est sémantique est de supprimer le lien CSS de la page pour voir si la structure de la page Web est ordonnée et si la page est toujours lisible. Pourquoi puis-je dire ça? Tout le monde sait que les navigateurs ont des styles par défaut (recommandés d'utiliser Chrome Web Developer Tools for Chrome Plug-In, ou Firefox Web Developer Web Plug-In). Par exemple, H1 ~ H6, il y aura un style par défaut de réduction de taille / de police et de marges supérieures et inférieures. UL, OL et DL ont tous des balles par défaut, et Strong a un style audacieux par défaut ... donc, pour la même page, un HTML bien sémantique peut toujours bien fonctionner lorsque la page CSS est supprimée.
Un autre point est qu'un bon codage sémantique est mieux amical pour les moteurs de recherche. Les araignées de recherche ne reconnaissent pas votre CSS, mais ils peuvent reconnaître les balises HTML.
Voici un exemple simple:Copier le code