Un exemple de tutoriel sur les éléments sémantiques HTML5

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 sémantiques :

et - pas besoin de prendre en compte le contenu. Exemples d'éléments sémantiques : et - définit clairement son contenu. pris en charge dans Internet Explorer 9+, Firefox, Chrome, Safari et Opera. Remarque : cet élément n'est pas pris en charge dans Internet Explorer 8 et versions antérieures. Cependant, une solution de contournement compatible est fournie au bas de l'article. Nouveaux éléments sémantiques en HTML5 De nombreux sites Web existants contiennent le code HTML suivant :

,

ou

1. Introduction aux exemples d'éléments sémantiques HTML5

Introduction : Élément sémantique HTML5 sémantique = sens Élément sémantique = signification d'un élément Qu'est-ce qu'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...

2. utilisation et compatibilité des éléments

Introduction : 1. Nouveaux éléments sémantiques : HTML5 fournit de nouveaux éléments sémantiques pour clarifier un Page Web Différentes parties. : Décrit la zone d'en-tête du document, qui définit la zone d'introduction et d'affichage du contenu : Définit les sections (sections, sections) du document, telles que les chapitres, les en-têtes, les pieds de page, ou des documents. Dans d'autres parties, la section contient généralement un ensemble de contenu et son titre : définit le contenu indépendant. : définit le contenu en dehors de la zone principale de la page (comme une barre latérale) : la balise spécifie un flux indépendant 🎜><.>3. Apprenez HTML5 en cinq minutes ! (2)

Introduction : développement HTML5 et compatibilité avec les anciens navigateurs. Nous avons discuté de nombreuses nouvelles fonctionnalités intéressantes de HTML5, notamment de nouveaux éléments sémantiques, la balise canvas pour le dessin et la prise en charge audio et vidéo. Vous pensez peut-être : ces choses sont géniales, mais lorsque le navigateur de l'utilisateur n'est pas compatible avec HTML5, cela peut ne pas fonctionner...,.

4. Extension d'élément HTML5 HTML5 (Partie 1) - éléments nouvellement ajoutés et compétences du didacticiel de présentation_html5

Introduction : HTML5 ajoute de nouveaux éléments structurels, tels que l'en-tête, le pied de page, la navigation, l'article de contenu, la section, etc. En plus de cela, quant aux éléments structurels de l'ensemble page, html5 ajoute également des éléments sémantiques au niveau du bloc. Les amis intéressés peuvent en apprendre davantage. Cela peut vous être utile

[Recommandations de questions-réponses associées] :

.

Que signifient les éléments sémantiques en html5 ?

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!

source：php.cn

Article précédent：10 articles recommandés sur le développement HTML5 Article suivant：Tutoriel d'introduction pour l'ajout d'images : 10 didacticiels de base recommandés pour l'ajout d'images

Déclaration de ce site Web

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

Derniers articles par auteur

• Exemple de didacticiel sur la transmission de paramètres à l'aide de la méthode NameValuePair
  1970-01-01 08:00:00
• Utilisez dom4j pour analyser un exemple de document XML
  1970-01-01 08:00:00
• Service de catalogue - Analyse de l'exemple de code de l'architecture de microservice Microsoft
  1970-01-01 08:00:00
• Explication détaillée pour démarrer avec les exemples .net Elasticsearch
  1970-01-01 08:00:00
• Introduction détaillée à Spring Boot en ajoutant des exemples de configuration de support jsp
  1970-01-01 08:00:00
• Comment JS détecte-t-il si la fenêtre ouverte par window.open est fermée ?
  1970-01-01 08:00:00
• Partager un problème tronqué dans SQLyog se connectant à la base de données et sa solution
  1970-01-01 08:00:00
• Exemples d'utilisation de paramètres de longueur variable en Java
  1970-01-01 08:00:00
• Le dernier tutoriel d'exemple de développement WEB de l'API Amap
  1970-01-01 08:00:00
• Avantages et inconvénients d'AJAX
  1970-01-01 08:00:00

Derniers numéros

function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...

Depuis 2024-04-29 11:01:01

0

2

1721

Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?

Depuis 2024-04-23 00:22:19

0

10

1878

La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...

Depuis 2024-04-19 15:37:47

0

1

1589

Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...

Depuis 2024-04-18 23:52:34

0

1

1507

Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel

Depuis 2024-04-16 10:10:18

0

0

1545

Rubriques connexes

Plus>

• jquery valider
• Comment acheter et vendre du Bitcoin en Chine
• Comment mettre à niveau le système Hongmeng sur le téléphone mobile Honor
• Analyse comparative de iqooneo8 et iqooneo9
• Qu'est-ce que l'indice Baidu
• Quelle est la différence entre JD International auto-exploité et JD auto-opéré
• Comment utiliser les macros Excel
• 403solution interdite

Recommandations populaires

• qu'est-ce que h5
• Comment créer une page h5 si vous ne comprenez pas le code ? Plateforme de production de pages H5 recommandée
• Quelles sont les nouvelles fonctionnalités de html5
• Qu'est-ce que la production de pages h5
• Quelle est la différence entre le programme h5 et le mini ?

Tutoriels populaires

Plus>

Tutoriels associés

Recommandations populaires

Derniers cours

• 
  Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)

  1415731
• 
  Premier tutoriel d'introduction à PHP : Apprenez PHP en une semaine

  4254738
• 
  Tutoriel vidéo JAVA pour débutants

  2464900
• 
  Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle

  502834
• 
  Tutoriel d'introduction PHP base zéro

  843150

• 
  Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)

  1415731 temps d'étude
• 
  Tutoriel vidéo JAVA pour débutants

  2464900 temps d'étude
• 
  Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle

  502834 temps d'étude
• 
  Introduction rapide au développement web front-end

  215191 temps d'étude
• 
  Maîtrisez les didacticiels vidéo PS à partir de zéro

  874374 temps d'étude

• 
  [Web front-end] Démarrage rapide de Node.js

  6159 temps d'étude
• 
  Collection complète de cours full-stack de développement Web étranger

  4717 temps d'étude
• 
  Aller au langage pratique GraphQL

  4048 temps d'étude
• 
  Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape

  605 temps d'étude
• 
  Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures

  20635 temps d'étude

Derniers téléchargements

Plus>

effets Web

Code source du site Web

Matériel du site Web

Modèle frontal

• [bouton de formulaire] Code de contact du formulaire de message d'entreprise jQuery
• [Effets spéciaux du joueur] Effets de lecture de boîte à musique HTML5 MP3
• [Navigation dans les menus] Effets spéciaux du menu de navigation d'animation de particules cool HTML5
• [bouton de formulaire] Code d'édition par glisser-déposer du formulaire visuel jQuery
• [Effets spéciaux du joueur] Code du lecteur de musique Kugou imitation VUE.JS
• [effets spéciaux HTML5] Jeu de boîte de poussée HTML5 classique
• [Effets spéciaux d'image] défilement jQuery pour ajouter ou réduire des effets d'image
• [Effets d'album photo] Effet de zoom de survol de la couverture de l'album personnel CSS3

• [Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure
• [Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches
• [Modèle frontal] Modèle Web de CV de travail créatif de concepteur
• [Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne
• [Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs
• [Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne
• [Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet
• [Modèle frontal] Modèle de site Web de service de trading de devises de style violet

• [PNG素材] 可爱的夏天元素矢量素材(EPS+PNG)
• [PNG素材] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)
• [banner图] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)
• [PNG素材] 金色的毕业帽矢量素材(EPS+PNG)
• [PNG素材] 黑白风格的山脉图标矢量素材(EPS+PNG)
• [PNG素材] 不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)
• [banner图] 扁平风格的植树节banner矢量素材(AI+EPS)
• [PNG素材] 九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)

• [Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure
• [Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches
• [Modèle frontal] Modèle Web de CV de travail créatif de concepteur
• [Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne
• [Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs
• [Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne
• [Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet
• [Modèle frontal] Modèle de site Web de service de trading de devises de style violet

À 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！