Qu'est-ce qu'une 'ancre' dans le contexte du développement web?

L'ancre est un moyen de navigation à l'intérieur d'une page web. Elle permet de créer un lien qui ne mène pas à une autre page, mais à une section spécifique de la page en cours.

Elle est réalisée en utilisant :

1. L'attribut id : Attribué à l'élément qui sera la destination — l'endroit vers lequel l'ancre mènera. Le id doit être unique dans la page.

   <h2 id="section-title">Titre de la section</h2>
   

2. Les liens avec le symbole # et la valeur id : Dans l'attribut href, on indique # suivi de la valeur de l'id de l'élément cible.

   <a href="#section-title">Aller à la section</a>
   

En cliquant sur ce lien, le navigateur défilera jusqu'à l'élément avec le id correspondant.

Les ancres sont utilisées pour :

• Créer un sommaire dans les longues pages.
• Naviguer rapidement vers des sections spécifiques (par exemple, formulaires, contacts, notes).
• Conserver la position de l'utilisateur lors de la mise à jour ou du retour à la page.

Dans l'URL, l'ancre est ajoutée après le symbole # : https://example.com/page#section-title.