Maison > Article > interface Web > Quelle est la signification des balises sémantiques HTML5

Quelle est la signification des balises sémantiques HTML5

WBOYoriginal: 2022-01-23 13:47:522236parcourir

En HTML5, les balises sémantiques peuvent décrire clairement leur signification aux navigateurs et aux développeurs, c'est-à-dire essayer d'utiliser des balises HTML avec des significations structurelles correspondantes. Les balises sémantiques incluent "footer", "header" et "nav", "figcaption". "balises, etc.

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

Quelle est la signification des balises sémantiques HTML5

Sémantique = signification

Élément sémantique = élément significatif

Qu'est-ce qu'un élément sémantique

Un élément sémantique peut décrire clairement sa signification pour les navigateurs et les développeurs.

Exemples d'éléments sans sémantique :

et - pas besoin de prendre en compte le contenu.

Exemples d'éléments sémantiques :

, et

Quelle est la signification des balises sémantiques HTML5

son contenu .

De nombreux sites Web existants contiennent le code HTML suivant :

, pour indiquer navigation Liens, en-têtes et bandes-annonces

HTML5 fournit de nouveaux éléments sémantiques pour clarifier différentes parties d'une page Web :

Les exemples sont les suivants : La balise

définit une section (section, section) dans le document. Tels que les chapitres, les en-têtes, les pieds de page ou d’autres parties du document.

<html>
<head> 
<meta charset="utf-8"> 
<title>123</title> 
</head>
<body>
<section>
  <h1>WWF</h1>
  <p>The World Wide Fund for Nature (WWF) is an international organization working on issues regarding the conservation, research and restoration of the environment, formerly named the World Wildlife Fund. WWF was founded in 1961.</p>
</section>
<section>
  <h1>WWF&#39;s Panda symbol</h1>
  <p>The Panda has become the symbol of WWF. The well-known panda logo of WWF originated from a panda named Chi Chi that was transferred from the Beijing Zoo to the London Zoo in the same year of the establishment of WWF.</p>
</section>
</body>
</html>

Résultat de sortie :

Tutoriel recommandé : " Quelle est la signification des balises sémantiques HTML5 Tutoriel vidéo HTML

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

html5 html class table

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment masquer la balise de navigation en HTML5Article suivant：Comment masquer la balise de navigation en HTML5

Articles Liés

Voir plus