Qu'est-ce qu'une 'ancre' en développement web?

L'ancre est une marque à l'intérieur d'un document HTML qui permet de créer un lien direct vers un endroit précis de la page. La plupart du temps, les ancres sont utilisées pour la navigation au sein d'une même page web.

L'ancre est implémentée à l'aide de l'attribut id sur un élément HTML et d'un lien (<a>) avec l'attribut href, qui commence par le symbole # et le nom de l'ancre (id).

<a href="#section2">Aller à la deuxième section</a>

<section id="section1">
  <h2>Première section</h2>
  <p>Contenu de la première section.</p>
</section>

<section id="section2">
  <h2>Deuxième section</h2>
  <p>Contenu de la deuxième section.</p>
</section>

En cliquant sur le lien avec href="#section2", le navigateur défilera automatiquement jusqu'à l'élément avec id="section2".

Tableau comparatif de l'utilisation des ancres et des liens classiques:

Caractéristique	Ancre (href="#id")	Lien classique (href="/page")
Où mène le lien	À un endroit précis sur la page courante	À une autre page ou ressource
Symbole dans href	Commence par #	Commence généralement par / ou par le protocole (http://)
Fonction	Navigation à l'intérieur de la page	Navigation entre les pages