Qu'est-ce qu'un lien relatif?

La référence relative indique l'emplacement de la ressource par rapport au document actuel.

Types de références relatives :

• Référence dans le répertoire actuel : Indique un fichier dans le même répertoire que le document actuel.

  <a href="page.html">Aller à la page</a>
  

• Référence à un sous-répertoire : Indique un fichier dans un sous-répertoire.

  <a href="images/image.png">Voir l'image</a>
  

• Référence au répertoire parent : Indique un fichier dans le répertoire un niveau au-dessus du courant. ../ est utilisé pour remonter d'un niveau.

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

• Référence à plusieurs niveaux au-dessus : ../../ et ainsi de suite.

  <a href="../../styles/style.css">Inclure styles</a>
  

• Référence à la racine du site : Utilise / au début, ce qui indique le répertoire racine du site web.

  <a href="/about.html">À propos</a>
  

Avantages de l'utilisation :

• Facilite la migration du site, car elle ne dépend pas du nom de domaine.
• URLs plus courtes et plus lisibles.

Inconvénients :

• Peut être incorrect si la structure des répertoires change.