Wat is een relatieve link?

Een relatieve link is een URL die verwijst naar een bron die zich op hetzelfde domein bevindt als de huidige pagina, zonder het volledige domeinpad te specificeren. Het wordt opgebouwd ten opzichte van de huidige locatie of de basis-URL aangegeven in de <base>-tag.

Soorten relatieve links:

• Verwijzingen naar bestanden in dezelfde directory: Alleen de bestandsnaam.

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

• Verwijzingen naar bestanden in subdirectory's: De naam van de subdirectory en het bestand worden aangegeven.

  <a href="img/logo.png">Logo</a>
  

• Verwijzingen naar bestanden in de bovenliggende directory: ../ wordt gebruikt. Elke paar ../ gaat een niveau omhoog in de directory-structuur.

  <a href="../css/style.css">Stijlen</a>
  

• Verwijzingen naar de rootdirectory: / wordt aan het begin van het pad gebruikt. Het pad wordt gerekend vanaf de root van de website.

  <a href="/about.html">Over ons</a>
  

Voordelen:

• Handig tijdens ontwikkeling en volledige verhuizing van de website.
• Kortere URL.

Nadelen:

• Vereist begrip van de directory-structuur.
• Problemen kunnen ontstaan bij het wijzigen van de directory-structuur.