Aller au contenu principal

Le site sera en maintenance le 19/04/2026 entre 09h30 et 12h00.

Aller au contenu principal

Liens absolus vs relatifs

HTML : Le Guide Ultime
3 min de lecture
0 commentaires
Gratuit

Quand tu pointes vers un site externe, une URL complète (https://...) est idéale. Mais pour relier des pages de ton propre projet, les chemins relatifs sont plus adaptés.

1. Lien absolu

Un lien absolu contient l'adresse complète (https://...). On l'utilise surtout vers des ressources externes.

Exemple : documentation officielle, autre site, ressource hors projet.

2. Lien relatif

Un lien relatif décrit un chemin local à partir du fichier courant.

C'est le mode principal pour connecter les pages d'un même site.

Imaginons cette structure :

  • MonSite/
  • MonSite/index.html
  • MonSite/contact.html
  • MonSite/blog/article1.html

Même niveau de dossier

De index.html vers contact.html :

<a href="contact.html">Page contact</a>

Descendre dans un dossier

De index.html vers blog/article1.html :

<a href="blog/article1.html">Lire l'article</a>

Remonter d'un dossier : ../

De blog/article1.html vers index.html :

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

../ signifie remonter d'un dossier.

Plus ton arborescence est claire, plus les liens relatifs restent simples à maintenir.

Commentaires (0)

Laisser un commentaire

Aucun commentaire pour le moment. Soyez le premier à commenter !