HTML5 — Repenser le découpage des pages web et des contenus

Derrière les nouvelles balises proposées par HTML5 se cache un nouveau modèle de structuration. Jusqu’à présent, on rencontre souvent la structure suivante : un niveau de titre `h1` pour le nom du site et ça continue avec `h2` pour le titre des articles ; reste `h3` — `h6` pour structurer la prose, ce qui est suffisant ou pas. HTML5 introduit la notion de Sectioning Content (cf. le concept d’outline) de manière explicite avec les balises `section`, `nav`, `article` et `aside` ou de manière implicite a chaque utilisation d’un niveau de titre `h1`.

Soyez détendus du h1

En gros, il est tout à fait possible d’utiliser un `h1`pour le titre du site (suivi d’un `h2` pour le sous-titre éventuellement dans un `hgroup`), mais aussi pour le titre des articles et pourquoi pas à l’intérieur de l’article lui-même pour le découper en «sections». Ça tombe bien car je trouvais un peu pénible d’être «obligé» de commencer mes titres avec un `h2` voire un `h3` et laisser le `h1` de mon éditeur WYSIWYG prendre la poussière !