Éléments sémantiques HTML5

Sémantique = signification.

Élément sémantique = signification de l'élément.

Qu'est-ce que la sémantique Élément ?

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

Aucune sémantiqueExemples d'éléments :

et - pas besoin de prendre en compte le contenu.

Exemples d'éléments sémantiques :

, < table> et - définit clairement son contenu

Support du navigateur >

Les éléments sémantiques sont. pris en charge dans Internet Explorer 9+, Firefox, Chrome, Safari et Opera.Remarque : Internet Explorer 8 et versions antérieures ne prennent pas en charge cet élément. Cependant, des solutions de contournement compatibles sont fournies au bas de l'article.

Nouvelle sémantique dans. Éléments HTML5

De nombreux sites Web existants contiennent le code HTML suivant :

, pour indiquer les liens de navigation, les en-têtes et les pieds de page.HTML5 fournit de nouveaux éléments sémantiques pour clarifier différentes parties d'une page Web :

Élément HTML5 >L'élément

décrit la zone d'en-tête du document

La note de l'élément

est utilisée pour définir la zone d'affichage d'introduction du contenu

. Vous pouvez utiliser plusieurs

L'exemple suivant définit l'en-tête d'une publication :

    php中文网(php.cn) 
    Internet Explorer 9
 
 
  Windows Internet Explorer 9(缩写为 IE9 )是在2011年3月14日21:00发布的

pubdate indique que la date/heure dans l'élément récente Date de sortie de l'élément senior

)

Exécutez le programme et essayez-le

Élément HTML5

partie. L'élément

est utilisé pour définir la zone des liens de navigation de la page. Cependant, tous les liens ne doivent pas nécessairement être inclus dans l'élément

< ! >Exemple

    php中文网(php.cn) 
   HTML | CSS | JavaScript | jQuery

Exécutez le programme et essayez-le

L'élément HTML5

document. Tels que les chapitres, les en-têtes, les pieds de page ou d’autres parties du document.

Selon la documentation HTML5 du W3C : Une section contient un ensemble de contenu et son titre.

Instance

    php中文网(php.cn) 
   WWF
 世界自然基金会(WWF)是一个国际组织致力于保护问题,研究和恢复环境,前身世界野生动物基金。世界自然基金会成立于1961年。
 
  WWF's Panda symbol
 熊猫已经成为世界自然基金会的象征。著名的熊猫世界自然基金会的标志来自一个名为痴痴的熊猫,从北京动物园的伦敦动物园同年世界自然基金会的建立。

Exécutez le programme et essayez-le

Élément HTML5

La balise

Exemples d'utilisation d'éléments :

Message du forum (post du forum)
Message de blog (blog)
Actualité
Commentaire

Exemple

    php中文网(php.cn) 
   Internet Explorer 9
  Windows Internet Explorer 9(缩写为 IE9 )在2011年3月14日21:00 发布。

Exécutez le programme pour l'essayer

Élément HTML5 < La balise >

définit le contenu en dehors de la zone principale de la page (comme une barre latérale).

Le contenu de la balise side doit être lié au contenu de la zone principale.

Instance

    php中文网(php.cn) 
  我很喜欢在php中文网(php.cn)学习HTML知识
  php中文网(php.cn)
 php中文网(php.cn)有很多的PHP和HTML教程

Exécuter le programme pour l'essayer

L'élément HTML5

Formation continue

nouveau fichier

php中文网(php.cn)

黄山：世界文化与自然双重遗产，世界地质公园，国家AAAAA级旅游景区，国家级风景名胜区，
全国文明风景旅游区示范点，中华十大名山，天下第一奇山。黄山位于安徽省南部黄山市境内

soumettre Réinitialiser le code

Opération automatique

Section précédente section suivante

Liste des didacticiels

obtenir de l'aide

Recommandations de cours
Téléchargement du didacticiel

Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~

Les étudiants qui ont regardé ce cours apprennent également

À propos de nous Clause de non-responsabilité Sitemap: Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！

Éléments sémantiques HTML5

IntermédiaireCombat réel Front-end Vue3 [projet vue manuscrit]

ÉlémentaireTutoriel APIPOST [Vulgarisation des concepts techniques liés à la communication réseau]

IntermédiaireNuméro 22_Combat réel complet

ÉlémentaireNuméro 22_Programmation PHP

ÉlémentaireNuméro 22_Développement front-end

IntermédiaireTutoriel vidéo Big Data (MySQL) version complète

ÉlémentaireAllez tutoriel de langue - plein d'informations pratiques et sans bêtises

ÉlémentaireCours de programmation de base du langage GO

IntermédiaireJS avancé et apprentissage BootStrap

IntermédiaireOptimisation et dépannage SQL (version MySQL)

IntermédiaireTutoriel d'entretien avec la base de données Redis+MySQL

ÉlémentaireLivrer de la nourriture ou apprendre la programmation ?