À retenir
- Permet de naviguer vers un point précis à l'intérieur d'un document.
- Se repère facilement dans une barre d'adresse car l'URL se termine par un symbole dièse (
#). - Améliore grandement l'expérience utilisateur sur les pages contenant beaucoup de texte.
Un lien ancré est un lien hypertexte particulier qui, au lieu de charger simplement une nouvelle page, transporte l'utilisateur directement à un endroit précis d'une page (la même ou une autre). C'est comme si, dans un livre, vous cliquiez sur un chapitre dans le sommaire pour être instantanément téléporté à la bonne page, exactement au début du texte concerné.
Étymologie
Le terme vient de la métaphore maritime de l'ancre, qui sert à fixer un navire à un point géographique précis. En informatique, cela fait référence à la balise HTML <a> (pour anchor) utilisée depuis les débuts du Web pour créer des points de repère dans les documents numériques.
Exemples d'usage
- Le sommaire d'un long article de blog dont chaque titre est cliquable pour descendre directement au paragraphe souhaité.
- Un bouton « Retour en haut de page » situé en bas d'un site.
- Un lien partagé sur un réseau social qui ouvre une page Wikipédia directement sur la section « Historique » grâce à un identifiant dans l'URL.
Cas d'usage
On utilise les liens ancrés dans le développement web pour faciliter la navigation dans les contenus longs (FAQ, documentations techniques, mentions légales). Ils sont également indispensables pour les sites de type « One Page » où tout le contenu se trouve sur une seule page défilante.
Bonnes pratiques
Pour que cela fonctionne, l'élément de destination doit posséder un identifiant unique (attribut id). Il est conseillé d'utiliser des noms explicites pour ces identifiants (ex: #contact plutôt que #section4) et d'ajouter un effet de défilement fluide (smooth scroll) en CSS pour éviter un saut visuel trop brutal qui pourrait désorienter l'utilisateur.
Synonymes
Antonymes
Conseil
Si vous créez un site, évitez de mettre des espaces ou des caractères spéciaux dans vos ancres. Utilisez des tirets pour séparer les mots, par exemple : #nos-services. Cela garantit une meilleure compatibilité avec tous les navigateurs.
Questions fréquentes
Pourquoi mon lien ancré ne fonctionne-t-il pas ?
Vérifiez que l'identifiant (ID) cible correspond exactement au nom utilisé dans le lien, et qu'il n'y a pas deux fois le même ID sur la page.
Le lien ancré change-t-il l'URL ?
Oui, le navigateur ajoute le nom de l'ancre à la fin de l'adresse (ex: monsite.fr/#bio), ce qui permet de partager ce lien direct à quelqu'un.
Peut-on viser une ancre située sur un autre site ?
Oui, à condition de connaître le nom de l'identifiant utilisé par le créateur de l'autre site.