Sommaire - Summary
Publié le 07/06/2024 | Modifié le 07/10/2024
Le sommaire permet aux utilisateurs d’avoir un aperçu du contenu et de naviguer entre les différentes sections d’une page.
Le sommaire reprend automatiquement les intertitres de la page sous forme d’ancre vers chaque intertitre. Au clic sur un des liens, l’utilisateur est redirigé dans la page, au niveau de la section de l’intertitre cherché.
Règles d’utilisation
- Le sommaire est à utiliser dans une page de contenu longue ou à forte densité. Il n’est pas recommandé de l’utiliser sur des pages courtes.
- Le sommaire précède la zone texte d’une page, le fond de couleur est destinée à le séparer visuellement du contenu.
Paramètres du raccourci <dsfr-sommaire_automatique>
Attention
Le raccourci permet de générer automatiquement un sommaire à partir des intertitres du contenu de la page.
Veillez à bien respecter la hiérarchie de vos intertitres pour ne pas afficher un sommaire incohérent !
Fonctionnement du sommaire automatique
Le sommaire automatique prend en compte uniquement les intertitres situés après la position du raccourci dans votre contenu.
Par défaut, le sommaire ne s’affiche que si il y a au minimum 2 intertitres présents dans votre contenu et la profondeur est de 2 niveaux au maximum.
Modifiez les paramètres du raccourci pour changer le fonctionnement du sommaire automatique. (Ex : <dsfr-sommaire_automatique|profondeur_max=5>)
| Nom du paramètre | Valeur par défaut | Valeur(s) autorisée(s) | |
|---|---|---|---|
| titre | Sommaire | Un titre - obligatoire | |
| profondeur_max | 2 | 1, 2, 3, 4, 5 | Profondeur maximum du sommaire |
| nombre_intertitres_min | 2 | Nombre d’intertitres au minimum pour afficher le sommaire automatiquement |
Intertitre de niveau 1
Lorem [...] elit ut.
Intertitre de niveau 2
Lorem [...] elit ut.
Intertitre de niveau 2
Lorem [...] elit ut.
Intertitre de niveau 1
Lorem [...] elit ut.
Intertitre de niveau 2
Lorem [...] elit ut.
Intertitre de niveau 3
Lorem [...] elit ut.
Intertitre de niveau 3
Lorem [...] elit ut.
Intertitre de niveau 2
Lorem [...] elit ut.
Intertitre de niveau 1
Lorem [...] elit ut.
Intertitre de niveau 2
Lorem [...] elit ut.
Intertitre de niveau 3
Lorem [...] elit ut.
Intertitre de niveau 4
Lorem [...] elit ut.
Intertitre de niveau 5
Lorem [...] elit ut.
Intertitre de niveau 4
Lorem [...] elit ut.
Intertitre de niveau 4
Lorem [...] elit ut.
<dsfr-sommaire_automatique|titre=Sommaire de démonstration|profondeur_max=5>
{{{Intertitre de niveau 1}}}
Lorem [...] elit ut.
{{{**Intertitre de niveau 2}}}
Lorem [...] elit ut.
{{{**Intertitre de niveau 2}}}
Lorem [...] elit ut.
{{{Intertitre de niveau 1}}}
Lorem [...] elit ut.
{{{**Intertitre de niveau 2}}}
Lorem [...] elit ut.
{{{***Intertitre de niveau 3}}}
Lorem [...] elit ut.
{{{***Intertitre de niveau 3}}}
Lorem [...] elit ut.
{{{**Intertitre de niveau 2}}}
Lorem [...] elit ut.
{{{Intertitre de niveau 1}}}
Lorem [...] elit ut.
{{{**Intertitre de niveau 2}}}
Lorem [...] elit ut.
{{{***Intertitre de niveau 3}}}
Lorem [...] elit ut.
{{{****Intertitre de niveau 4}}}
Lorem [...] elit ut.
{{{*****Intertitre de niveau 5}}}
Lorem [...] elit ut.
{{{****Intertitre de niveau 4}}}
Lorem [...] elit ut.
{{{****Intertitre de niveau 4}}}
Lorem [...] elit ut.