« Le langage HTML/Liens » : différence entre les versions

 

Exemples :

<a href="http://fr.wikibooks.org">Lien vers Wikilivres</a>

<a name="ancre_1">Définition d'une ancre</a>

<a href="http://fr.wikipedia.org" target="_blank">Lien ouvrant Wikipédia dans une nouvelle fenêtre</a>

 

== Les URL ==

 

Exemple :

<a href="http://fr.wikipedia.org">Une encyclopédie vraiment géniale</a>

 

L'adresse absolue peut être utilisée lorsque l'objet se trouve sur son propre site, à condition que l'on soit sûr qu'il ne bougera pas ; par exemple, toutes les images sont mises dans un répertoire <code>/images</code> qui ne sera jamais déplacé.

 

Dans ce cas, on peut omettre le protocole et le nom de domaine, en donnant une adresse commençant par un slash :

<img src="/images/exemple.jpg"> Une belle image.

 

L'utilisation de l'adresse absolue est obligatoire lorsque l'on fait un lien vers un objet situé sur un autre site Web, ou lorsqu'un autre protocole que HTTP est utilisé :

<a href="ftp://ftp.download.dom/mysoftware/">Télécharger le logiciel par FTP</a>.

 

=== Liens relatifs ===

 

Exemples :

<a href="exemple.html">Lien vers le fichier « exemple.html » se trouvant dans le même répertoire que la

page actuelle</a>

<a href="repertoire_exemple/exemple.html">Lien vers le fichier « exemple.html » se trouvant dans le

répertoire « repertoire_exemple » qui se trouve dans le même répertoire que la page actuelle</a>

 

Si le fichier se trouve dans le répertoire parent du répertoire actuel, ou dans un sous-répertoire du répertoire parent, il faut « remonter » à l'aide de deux points « <code>..</code> ».

 

Exemple :

<a href="../exemple.html">Lien vers le fichier « exemple.html » se trouvant dans le répertoire parent

du répertoire dans lequel se trouve la page actuelle</a>

 

L'utilisation de l'adresse relative est intéressante si l'objet visé est situé dans une branche de l'arborescence qui restera toujours solidaire. Si l'on déplace la branche (donc la page Web courante ''et'' l'objet), l'adresse relative reste valable.

 

Pour créer une ancre, il faut utiliser la balise <code><a></code> avec l'attribut <code>name</code>, comme ceci (Il n'est pas nécessaire d'inclure du texte entre les deux balises) :

<a name="ancre_1"></a>

 

Lorsque l'ancre est vide, elle ne doit cependant pas être écrite sous la forme <code><a name="section_5" /></code>, formellement valide en XML, mais déconseillée par les normes XHTML et XML pour des raisons de compatibilité avec différents navigateurs.

 

Exemples :

<a href="exemple.html#ancre_1">Lien vers l'ancre n°1 de la page "exemple.html"</a>

<a href="#ancre_1">Lien vers l'ancre n°1 de la page actuelle</a>

 

Il faut cependant faire attention car les ancres sont soumis à la balise base.

Si dans l'entête de la page se trouve une référence à la base :

<base href="www.monsite.com" />

 

Un lien tel que :

<a href="#ancre_1">Lien vers l'ancre n°1 de la page actuelle</a>

 

Ne redirigera pas vers l'ancre #ancre_1 de la page actuelle mais vers celle de la page définie dans la base. (Donc ici vers www.monsite.com/#ancre_1)

 

Exemple :

<a href="http://fr.wikibooks.org" target="_blank">Lien ouvrant Wikilivres dans une nouvelle fenêtre</a>

 

''Note'' : Les valeurs que peut prendre l'attribut target seront détaillées dans le chapitre des cadres.