# Anchor L'index de la page, qui suit le défilement et marque la section où se trouve l'utilisateur. ## Playground ```html ``` ## Quand l'utiliser - Sur les pages longues avec plusieurs sections : une documentation, un guide, une politique. ## Quand ne pas l'utiliser - **Pages courtes**, avec une ou deux sections : la page suffit déjà à l'œil. - **Pour se déplacer entre les pages :** Navigation. ## Exemples ### L'index Les titres de la page (`h2`, et `h3` sous eux). La section actuelle est en noir gras, avec la flèche dessinée à la main devant. Cette page possède la sienne, sur le côté droit sur les écrans larges. Afficher le code ```html ``` ### Sur mobile Le même index s'insère dans une liste fermée « Sur cette page » Details en haut du contenu. Appuyer sur une section défile vers elle et ferme la liste. Afficher le code ```html

…Nesta página

``` ## Anatomie 1. **Titre :** « Sur cette page ». 2. **Section :** un lien par `h2`, en encre douce. 3. **Section actuelle :** en encre, gras et la flèche dessinée à la main. Pas de bande latérale. 4. **Under-section :** les `h3`, un cran plus bas. ## États - **Défilement :** la section marquée change avec la transition ; à la fin de la page, le dernier reste marqué. - **Appui sur une section :** la page défile doucement vers elle, et l'adresse suit. - **Index plus haut que l'écran :** il défile tout seul, avec ScrollFade. ## Faire et ne pas faire Do La section actuelle en encre, gras et la flèche. Don’t La bande latérale orange: le signe de tout site générique de doc. ## Accessibilité - Un élément `