Liens hypertextes et ancres - HTML

Juin 2015

Ancres

Les liens hypertextes (ancrages) sont des éléments d'une page HTML (soulignés lorsqu'il s'agit de texte) permettant aux internautes de naviguer vers une nouvelle adresse lorsque l'on clique dessus. Ce sont les liens hypertextes qui permettent de lier des pages Web entre elles. Ils permettent notamment de naviguer :

  • vers un autre endroit du document.
  • vers un fichier HTML situé à un emplacement différent sur la machine qui héberge la page.
  • vers une autre machine.

L'attribut principal des ancrages est href. Il s'écrit sous la forme suivante :
<a href="Adresse ou URL"> .. </a>

Lien externe

Un lien externe est un lien vers une page pointée par son URL. Par exemple :
<a href="http://www.commentcamarche.net"> Comment ça marche? </a>

Lien local

On peut créer un lien vers une page située sur le même ordinateur en remplaçant l'URL par le fichier cible. Ce lien peut être fait de façon relative, en repérant le fichier cible par rapport au fichier source. Si le fichier cible est "index.html" situé dans le répertoire parent, son lien s'écrira:

<a href="../index.html"> ... </a>


Ce lien peut aussi être défini de façon absolue, en écrivant l'adresse du fichier cible de façon locale:

<a href="file:///lecteur:/répertoire/index.html"> ... </a>

Ancres

Il est également possible de créer une ancre dans une page, c'est-à-dire marquer un endroit précis d'une page pour s'y rendre par un lien hypertexte. Les ancres se définissent grâce à l'attribut NAME ou ID. La syntaxe est la suivante :

<balise id="ancre"> ... </balise>


L'appel d'une ancre se fait de la manière suivante :

<a href="#ancre"> ... </a>


Il est ainsi possible de permettre à l'utilisateur de se déplacer au sein d'une même page ou bien d'accéder à une section particulière d'une autre page :

<a href="url/nom_du_fichier.html#ancre"> ... </a>
Pour une lecture illimitée hors ligne, vous avez la possibilité de télécharger gratuitement cet article au format PDF :
Liens-hypertextes-et-ancres-html .pdf

Réalisé sous la direction de , fondateur de CommentCaMarche.net.


A voir également


Hyperlinks
Hyperlinks
Hipervínculos
Hipervínculos
Die Hypertext-Links
Die Hypertext-Links
I link ipertestuali
I link ipertestuali
As relações hipertexto
As relações hipertexto
Ce document intitulé «  Liens hypertextes et ancres - HTML  » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.