Sémantique des titres

Les titres définissent une structure sémantique pour une page. Ils peuvent être utilisés pour créer une table des matières automatique et comme aide à la navigation pour les utilisateurs en situation de handicap. Les niveaux de titres vont de h1 à h6. Une seule page ne devrait contenir qu'un seul titre h1, qui est généralement le titre de la page. Un titre h1 ne devrait pas être utilisé dans un article. Au sein d'un article, les titres devraient être imbriqués pour créer une structure dans laquelle chaque niveau de titre introduit une section bien définie. Exemple, où le titre h1 de la page est Animaux :

    ... texte sur les animaux en général ...
    <h2>Amphibiens</h2>
    ... texte sur les amphibiens en général ...
    <h3>Grenouilles</h3>
    ... texte sur les grenouilles ...
    <h3>Tritons</h3>
    ... texte sur les tritons ...
    <h2>Reptiles</h2>
    ... texte sur les reptiles en général ...
    <h3>Crocodiles</h3>
    ... texte sur les crocodiles ...
    <h3>Tortues<h3>
    ... texte sur les tortues ...

Les titres facilitent la lecture. De longs blocs de texte dans les pages web sont rébarbatifs ! Gardez-les pour les romans.

Les titres devraient être courts, le plus court possible. Un seul mot peut suffire. Des phrases entières ne font pas de bons titres ! Les titres ne devraient pas se terminer par un point.

Les titres sémantiques ne devraient pas sauter de niveaux, par exemple en incluant un h4 dans un bloc h2 juste pour obtenir un certain rendu visuel.

Insérer un titre d'article

Ouvrir l'article que vous souhaitez éditer. Remarquez que le conteneur de texte par défaut est un paragraphe, indiqué par la lettre P dans une barre d'informations sous la zone de texte, en bas de la fenêtre d'édition. Le conteneur par défaut peut être modifié dans les Paramètres de l'éditeur, mais cela est traité ailleurs. Lorsque vous tapez un retour à la ligne suivi d'un texte, ce texte est contenu dans un paragraphe. Pour créer un titre :

  • Positionner le curseur au début d'un paragraphe existant ou en bas du texte si vous créez une nouvelle section.
  • Saisir le titre suivi d'un retour à la ligne.
  • Sélectionner la ligne à transformer en titre.
  • Dans les boutons de format de l'éditeur, où Paragraphe est affiché comme sélectionné :
    • Sélectionner Titres → Titre X, où X est la valeur appropriée dans votre hiérarchie.
  • Le paragraphe sélectionné deviendra un titre et apparaîtra en texte gras.
  • En bas de l'écran, l'indicateur de conteneur affichera HX.
  • Vous pouvez double-cliquer sur tout texte sélectionné pour effectuer un changement rapide, par exemple de P à H2 (bascule) ou de H2 à H3, à l'aide d'une barre contextuelle comme dans la capture d'écran suivante :

formulaire d'édition d'article avec h3 sélectionné

Remarque : par convention, toutes les balises HTML utilisent des lettres minuscules. Si vous sélectionnez le bouton Basculer éditeur pour consulter la source, vous verrez les paragraphes et titres définis avec des balises en minuscules.

Astuces

  • Double-cliquer sur toute sélection de texte pour afficher une fenêtre contextuelle avec une liste d'options de formatage. Les sélections Titre et Citation s'appliquent à l'ensemble du paragraphe. Gras, Italique et Souligné s'appliquent aux caractères sélectionnés.