Heiphaistos TutorialsHeiphaistosTutorials
🪟Windows🖥️CMD / PowerShell💬Discord🍎macOS🔐Sécurité🐧Linux🌐Réseau💻Programmation🤖Android📦Applications🔥Applications Heiphaistos📦Logiciels📦HeiApps

⚒ Heiphaistos Tutorials

Forge ton savoir informatique.
Tutoriels clairs, sans blabla.

Navigation

  • Accueil
  • Tous les tutoriels
  • Windows
  • Discord

Ressources

  • Flux RSS
  • heiphaistos.org

© 2026 Heiphaistos Tutorials — tuto.heiphaistos.org

Mentions légalesConfidentialitéCGU

Forge ton savoir.

Accueil/Programmation/HTML sémantique : header, nav, main, article, footer
💻ProgrammationVidéo

HTML sémantique : header, nav, main, article, footer

Structurer une page avec les balises sémantiques HTML5 (header, nav, main, section, article, aside, footer) pour l'accessibilité et le référencement, au lieu de div partout.

9 octobre 20261 min de lecture
#programmation#accessibilité#html#seo
Votre navigateur ne supporte pas la lecture vidéo.
VitesseSous-titres : bouton CC du lecteur

Sommaire

  • Les balises
  • Pourquoi

Les balises

headeren-tête (logo, titre, navigation)navmenu de navigation principalmaincontenu principal (un par page)articlecontenu autonome (billet, fiche)sectionpartie thématique, avec un titreasidecontenu annexefooterpied de page

Pourquoi

  • Accessibilité : navigation par repères avec un lecteur d'écran.
  • Référencement : les moteurs comprennent la structure.
  • Lisibilité du code.

Garder div et span pour la mise en page sans signification. Titres sans sauter de niveau. Voir aussi accessibilité web.

Commentaires

Aucun commentaire pour l'instant. Soyez le premier !

Laisser un commentaire

En envoyant un commentaire, vous acceptez les conditions d'utilisation et la publication de votre pseudo après modération (voir la politique de confidentialité).