6. Structuration du texte avec les titres (h1 à h6)

Les titres sont essentiels pour définir la hiérarchie et la structure de votre document, ce qui est vital tant pour les utilisateurs que pour les moteurs de recherche (SEO).

6.1 La hiérarchie des titres

Le HTML propose six niveaux de titres, de <h1> (le plus important) à <h6> (le moins important).

Règles d'utilisation :

1. Un seul <h1> par page : Le <h1> doit résumer le sujet principal de toute la page (comme le titre d'un chapitre de livre).
2. Respecter l'ordre : Procédez toujours numériquement (h1 -> h2 -> h3). Ne sautez pas de niveaux (par exemple, ne passez pas directement de h1 à h4).

html

Titre principal de la page

<p>Paragraphe d'introduction.</p>

<h3>Détail de sous-section 1</h3>
<p>Contenu pour le détail 1.</p>

<h3>Détail de sous-section 2</h3>
<p>Contenu pour le détail 2.</p>

Note : Bien que les navigateurs affichent souvent le h1 en plus gros et le h6 en plus petit, vous devez utiliser les titres pour la structure (sémantique), et non pas seulement pour la taille visuelle. Vous contrôlerez l'apparence plus tard en utilisant le CSS.