Les liens vers d’autres pages ou d’autres sites peuvent être absolus ou relatifs.
Le lien absolu est la forme habituelle de lien,
par exemple : <a href="http://www.hesge.ch/">
Le lien relatif défini le chemin d’accès vers la page en fonction du lieu où l’on se trouve actuellement. D’une manière générale, il faut utiliser les liens relatifs tant que vous effectuez des liens à l’intérieur d’un même site.
Exemple de lien depuis liens.html :
Nous sommes en train de voir la page liens.html qui se trouve dans le même répertoire que news.html . Si nous voulons créer un lien vers la page news.html, nous pouvons écrire : <a href="news.html"> .
Si le document se trouvait plus haut dans la hiérarchie (un répertoire en-dessus), il faudrait utiliser la notation « ../ » autant de fois qu’il existe de niveaux à remonter.
Exemple de lien depuis liens.html : <a href="../index.html">Home Page</a> implique que le fichier index.html se trouve dans un dossier un niveau au-dessus du fichier courant (liens.html). |
A l’opposé, pour descendre dans la hiérarchie, on indique le nom des sous-dossiers, séparés par un « / ».
Exemple de lien depuis index.html : <a href="pages/liens.html">Page lien</a> implique que le fichier liens.html se trouve dans le sous-dossier pages par rapport au fichier courant (index.html). |
Il est tout à fait possible de combiner ces deux notations, pour d’abord remonter, puis redescendre dans la hiérarchie.
Exemple de lien depuis liens.html : <a href="../html4/intro.html">Introduction HTML 4.0</a> implique que le fichier intro.html se trouve dans le sous-dossier html4 qui est au même niveau hiérarchique que le dossier pages du fichier courant (liens.html). |
Rappel visuel
Source: openclassrooms.com
Remarques
Quelques remarques concernant les liens :
- Il n’est pas nécessaire d’inclure le nom de fichier index.html dans vos liens. Par défaut le serveur web cherche le fichier index.html pour tous les liens qui pointent dans un répertoire.
Anisi :
http://www.apple.com/index.html
est identique à :
http://www.apple.com/
Certains serveurs acceptent d’autres noms de fichier par défaut comme default.html, home.html ou welcome.html . Tous ces fichiers peuvent posséder l’extension .html ou .htm - Prenez l’habitude d’utiliser un « slash » / pour terminer les URL qui ne pointent pas sur un fichier spécifique. Sans ce dernier, le serveur web cherchera d’abord un fichier qui pourrait porter le nom du répertoire et, s’il ne trouve pas ce fichier, il cherchera ensuite le répertoire.