À retenir
- Une ancre définit une destination précise au sein d'un même document.
- Dans une URL, elle est toujours précédée du symbole croisillon (
#). - Elle améliore la navigation et l'accessibilité d'un contenu dense.
Une ancre est un repère invisible placé à un endroit précis dans une page web ou un document numérique. Elle permet de créer un lien qui, au lieu d'ouvrir simplement le haut d'une page, emmène l'utilisateur directement à une section spécifique, comme un chapitre ou un formulaire. C'est l'équivalent d'un marque-page qui vous permettrait de vous téléporter instantanément à la bonne ligne d'un livre.
Étymologie
Le mot provient du latin ancora, désignant l'instrument nautique servant à immobiliser un navire. En informatique, le concept est né avec le langage HTML (HyperText Markup Language) où la balise de lien <a> signifie anchor. L'idée est de fixer un point d'attache dans un flux d'informations pour pouvoir y revenir ou le pointer précisément.
Exemples d'usage
- Un sommaire cliquable au début d'un long article de blog qui renvoie vers chaque sous-titre.
- Un bouton « Retour en haut » qui utilise une ancre placée au sommet de la page.
- Un lien partagé sur les réseaux sociaux qui se termine par
#tarifpour envoyer l'internaute directement sur la grille de prix d'un site.
Cas d'usage
On utilise les ancres principalement dans le développement web pour améliorer l'expérience utilisateur sur les pages très longues. Elles interviennent aussi dans la création de documents PDF interactifs ou dans les livres numériques (eBooks) pour naviguer entre les chapitres et les notes de bas de page.
Bonnes pratiques
Pour créer une ancre efficace, il faut donner un nom clair et unique à l'identifiant (ID) dans le code. Évitez les noms trop longs ou avec des caractères spéciaux. Attention également aux menus de navigation « fixes » en haut de l'écran : ils peuvent parfois recouvrir l'endroit où l'ancre arrive, cachant ainsi le début du texte visé.
Synonymes
Conseil
Si vous gérez un site web, utilisez des ancres pour vos FAQ ou vos longs guides. Cela permet aux internautes de partager un lien pointant directement vers une réponse précise, ce qui est beaucoup plus pratique que de les laisser chercher manuellement dans le texte.
Questions fréquentes
Une ancre et un lien, est-ce la même chose ?
Pas tout à fait. Le lien est le 'moyen de transport' (le bouton sur lequel on clique), tandis que l'ancre est la 'destination' (le point d'arrivée spécifique sur la page).
Pourquoi mon ancre ne fonctionne-t-elle pas ?
Vérifiez que l'identifiant (ID) dans votre code correspond exactement au nom utilisé dans le lien, sans oublier le symbole # devant le nom du lien.