Wat is een relatieve link?

De relatieve verwijzing geeft de locatie van de bron aan ten opzichte van het huidige document.

Soorten relatieve verwijzingen:

Verwijzing in de huidige directory: Verwijst naar een bestand in dezelfde directory als het huidige document.
```
<a href="page.html">Ga naar de pagina</a>
```
Verwijzing naar een subdirectory: Verwijst naar een bestand in een subdirectory.
```
<a href="images/image.png">Bekijk afbeelding</a>
```
Verwijzing naar de bovenliggende directory: Verwijst naar een bestand in de directory één niveau hoger. ../ wordt gebruikt om één niveau omhoog te gaan.
```
<a href="../index.html">Home</a>
```
Verwijzing naar meerdere niveaus hoger: ../../ en zo verder.
```
<a href="../../styles/style.css">Stijlen koppelen</a>
```
Verwijzing naar de root van de site: Gebruikt / aan het begin, wat wijst naar de rootdirectory van de website.
```
<a href="/about.html">Over ons</a>
```

Voordelen:

Maken het verplaatsen van de site eenvoudiger, omdat ze niet afhankelijk zijn van de domeinnaam.
Kortere en beter leesbare URL's.

Nadelen: