Pourquoi HTML5 utilise-t-il des éléments sémantiques ?-Questions et réponses frontales-php.cn

html5 utilise des éléments sémantiques pour : 1. Augmenter l'accessibilité du site Web et aider à créer une meilleure structure du site Web ; 2. Faciliter les modifications et la maintenance ultérieures 3. Numériser facilement la page avec des lecteurs d'écran et d'autres outils auxiliaires ; expérience en ligne pour les personnes handicapées; 4. Propice à l'optimisation des moteurs de recherche.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

Dans n'importe quelle langue, comprendre le sens des mots est crucial lors de la communication. S’il s’agissait d’une communication informatique, cela deviendrait encore plus critique. Par conséquent, HTML5 fournit plus d’éléments sémantiques pour comprendre facilement le code.

Ainsi, la sémantique définit le sens des mots et des phrases, c'est-à-dire

Éléments sémantiques = éléments qui ont un sens. Les éléments sémantiques ont des significations simples et claires tant pour les navigateurs que pour les développeurs.

Par exemple :

En HTML4, on voit que , , etc. sont des éléments non sémantiques. Ils n'ont rien révélé.

En revanche, , et etc. sont des éléments sémantiques car ils définissent clairement leur contenu.

Les éléments sémantiques HTML5 sont pris en charge par tous les principaux navigateurs.

Pourquoi utiliser des éléments sémantiques ?

En HTML4, les développeurs doivent utiliser leurs propres noms d'identifiant/classe pour styliser les éléments : en-tête, haut, bas, pied de page, menu, navigation, contenu principal, conteneur, contenu, publication, barre latérale, topnav etc.

Il est très difficile pour les moteurs de recherche d'identifier le bon contenu Web. Cela sera désormais plus facile dans les éléments HTML5 ( ).

Selon l'idéal de la sémantique du W3C : "Permet le partage et la réutilisation des données entre les applications, y compris les entreprises et les communautés."

La signification des éléments sémantiques de html5

1 Facile à modifier et à maintenir.

Avant la sortie du HTML5, les pages Web traditionnelles étaient essentiellement présentées à l'aide de divs. Il était en fait un peu difficile de comprendre la présentation générale et l'importance des différents blocs (bien que des classes sémantiques puissent être ajoutées et via HTML5, des éléments sémantiques vous le permettent) ; pour comprendre rapidement les informations structurelles de base grâce aux balises. De cette façon, ce sera plus facile lorsque vous reviendrez et apporterez des modifications dans quelques mois. Et cela devient encore plus important lorsque quelqu’un d’autre reprend votre projet !

2. Accessibilité.

Pratique pour les lecteurs d'écran et autres outils auxiliaires pour numériser la page, offrant une meilleure expérience en ligne aux personnes handicapées

3. Optimisation des moteurs de recherche.

Moteurs de recherche comme Google et Baidu, ces moteurs de recherche exploreront automatiquement le Web et obtiendront chaque page Web. Lorsque vos balises sont sémantisées, les moteurs de recherche peuvent comprendre votre site de manière conviviale et classer votre site dans les recherches (ps : bien sûr, l'argent est toujours très important)

4. Cela peut augmenter l'accessibilité du site Web et aide également à créer. meilleure structure du site Web.

Recommandations associées : " Tutoriel vidéo HTML "