Faire un lien vers une ancre en HTML

Description

Les liens vers une ancre en html permettent d'emmener le visiteur vers une zone de la page affichée sans qu'il n'est besoin de scroller avec la molette de sa souris.

Il est utile :
- Soit pour se déplacer dans une même page (retour en haut de page par exemple)
Sur les pages web, on rencontre effectivement souvent une ancre pour remonter en haut de page lorsque celle-ci est assez longue.

- Soit, au chargement d'une nouvelle page, de déplacer le visiteur dans une zone précise
Ainsi, une ancre html est parfaite pour permettre à un internaute d’accéder rapidement à un contenu qui se situe en bas de page par exemple.

Il suffit pour cela d'utiliser les balises de lien (), qui resteront invisibles à l'affichage de la page pour l'utilisateur.L’objectif lorsqu’on utilise une ancre html est de faciliter la navigation et rendre plus accessible le contenu d’une page.

Publicité
Solution

Exemple 1 : Lien interne

<html>
[...]
<!-- Je vais créer mon ancre -->
<a name="hautpage"></a>
[...]
<a href="#hautpage">Retour vers le haut de page</a>
[...]
</html>


Exemple 2 : Lien vers une autre page

<html>
[...]
<!-- Je vais créer mon ancre dans ma nouvelle page (fichier.html) -->
<a name="voirici"></a>
[...]
</html>

Depuis ma page d'arrivée, je vais créer le lien cliquable :
<a href="fichier.html#voirici">Venez voir cette ancre !</a>

Notez la solution
2.1/5 (150 votes)
Partagez cette question
Questions similaires
Faire un lien en Html

Faire un lien vers une adresse e-mail en Html
Mots clés ancre, html, lien, lien interne, lien externe
Derniére modification le 19/11/10 à 10:11