DokuWiki

Créer des pages correctement structurées est la base de tout site internet. Un solide structure sémantique permet de véhiculer du sens et de présenter correctement différents types de contenus avec rien de plus que le balisage (markup) de la page.

Une manière d'ajouter du sens est d'organiser votre contenu dans des sections qui véhicule sens et structure. Par exemple il est très standard de contenir les informations introductives dans une section, la navigation de la page dans sa propre partie, le contenu principal dans une région et les informations relatives dans une barre latérale (sidebar). HTML contient de nombreux éléments qui sont conçus pour aider dans la structuration logique et sémantique du contenu de la page.

Dans les précédentes versions d'HTML, créer de nouvelles sections de contenu se faisait uniquement au travers des tags de heading, les balises div étant utilisé pour grouper des zones de contenu ensemble. Les classes et id permettaient aux concepteurs d'attacher davantage de sens aux groupes, bien que ce sens ne soit pas saisi par les user-agents. En HTML5, de nouveaux éléments sectionnant et sémantiques ont été introduit pour aider à représenter des sections utilisé communément et créer des structures de page plus cohérentes/constantes (consistent). Des balises telles que aside, article, footer, header, main, nav et section permettent aux auteurs d'identifier des régions récurrentes/communes et de véhiculer plus de sens sémantique.