Formation :
HTML en détails
XHTML en détails
XHTML - Les Liens
01 - Introduction :

Faire un lien en XHTML

Le lien constitue une liaison entre une page et une autre. Un visiteur de la page peut se rendre sur une autre page ou un autre emplacement de la même page à l'aide d'un lien. Ceci est possible dès que le visiteur clique sur l'objet de lien qui est généralement un texte ou une image.

Différents contextes tournent autour de ce sujet. Nous allons d'abord voir la balise indispensable pour faire des liens. Il s'agit de la balise <a> </a> qui est de type inline. Dans son attribut href, on spécifie la cible, c'est-à-dire l'adresse de la page ou de la ressource vers laquelle sera dirigé le visiteur après son clic sur le lien.

On identifie la cible par une URL. L'URL ou "Localiseur de Ressource Uniforme" est une sorte de nomenclature pour situer un document et lui donner une adresse. C'est le chemin du document vers lequel le lien sera renvoyé.

Voici un exemple d'utilisation de la balise <a> pour faire un lien :

Webinnov-Formation a été mis en place pour anticiper la création d'un club Web-Design.

1<a href="http://formation.webinnov.fr" title=" Webinnov : Formation HTML-XHTMl-CSS2">Webinnov-Formation</a>
2a été mis en place pour anticiper la création d'un club Web-Design.

Généralement, on distingue 2 façons de faire des liens :

* Les liens internes au site : Normalement, un site est composé de plusieurs pages XHTML. Pour lier une page d'un site à un autre page du même site, on fait des liens relatifs.
* Les liens externes au site : Il vous arrive aussi parfois de vouloir faire des liens vers les autres sites. Dans ce cas, on parle de liens absolus.

02 - Les liens absolus :

Vous utiliserez ce type de lien lorsque votre lien pointe vers un autre site. L'adresse du lien commence souvent par "http://" ou "ftp://", suivi de l'adresse du site cible. Autrement dit, dans un lien absolu, on précise entièrement le chemin.

1<a href="http://formation.webinnov.fr.index.php" title=" Webinnov : Formation HTML-XHTMl-CSS2">Webinnov-Formation</a>

03 - Les liens relatifs :

Dans un lien relatif, le chemin part du répertoire courant. Il s'agit d'un lien relatif au répertoire dans lequel on se trouve. Il est souvent utile d'employer ce lien quand on fait référence à une page interne à votre site. Si vous décidez de changer par exemple l'hébergement, l'adresse de votre site ne sera peut être plus la même.

Dans ce cas, l'utilisation des liens relatifs ne vous oblige pas à modifier l'adresse des liens. Par contre, ceci n'a d'intérêt que si vous gardez les mêmes noms de fichiers et la même structure de répertoire

Cas 1 : le fichier se trouve dans le même répertoire :

1fichier.htm

Cas 2 : Le fichier se trouve dans un répertoire différent :

1repertoire/fichier.htm

Cas 3 : La cible se trouve dans le repertoire parent :

1../fichier.htm