L’entête <header>
On ajoute en général un entête (header) aux sites web, on y place généralement le logo,
une bannière, le slogan de votre site…
On peut ajouter un entête dans chaque section de page si on le souhaite.
Le contenu principal <main>
Il sert à regrouper le contenu principal d'un document ou d'une application qui est spécifique
à la page active. Par opposition à des blocs communs <header> et <footer> qui ne
changeront normalement que peu d'une page à l'autre.
Le pied de page <footer>
Le pied de page se trouve en général tout en bas du document ou d’une section. On y
trouve des informations comme des coordonnées, le copyright, les mentions légales, etc.
Principaux liens de navigation <nav>
Cette balise regroupe les principaux liens de navigation. Le menu est généralement
constitué de liste à puces.
Une section de page <section>
Elle sert à regrouper des contenus en fonction de leur thématique. Elle englobe
généralement une portion du contenu au centre de la page.
Informations complémentaires <aside>
Elle contient les informations complémentaires (liste des derniers articles,
caractéristiques...). Ces informations sont généralement placées sur le côté.
Article indépendant <article>
Elle sert à englober une portion généralement autonome de la page. Sur un site de type
blogs par exemple, il peut y avoir une page d’accueil reprenant une série de résumés dont le
lien mènerait au contenu complet de l’article.
Illustration légendée <figure>
Lorsque l’on souhaite ajouter une image, il est d’usage de l’insérer dans une balise <figure>.
Cela permet de préciser au navigateur que cette zone contiendra une image et sa légende.