Was ist ein relativer Link?

Der relative Link zeigt die Position der Ressource relativ zum aktuellen Dokument an.

Arten von relativen Links:

• Link im aktuellen Verzeichnis: Zeigt auf eine Datei im selben Verzeichnis wie das aktuelle Dokument.

  <a href="page.html">Zur Seite</a>
  

• Link zu einem Unterverzeichnis: Zeigt auf eine Datei in einem Unterverzeichnis.

  <a href="images/image.png">Bild ansehen</a>
  

• Link zum übergeordneten Verzeichnis: Zeigt auf eine Datei im Verzeichnis eine Ebene höher. ../ wird verwendet, um eine Ebene nach oben zu gehen.

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

• Link zu mehreren Ebenen höher: ../../ und so weiter.

  <a href="../../styles/style.css">Stile einbinden</a>
  

• Link zum Root-Verzeichnis der Website: Verwendet / am Anfang, was auf das Wurzelverzeichnis der Website zeigt.

  <a href="/about.html">Über uns</a>
  

Vorteile:

• Erleichtert die Migration der Website, da sie nicht vom Domainnamen abhängt.
• Kürzere und lesbarere URLs.

Nachteile:

• Können falsch sein, wenn die Verzeichnisstruktur geändert wird.