Was ist ein relativer Link?

Ein relativer Link ist eine URL, die auf eine Ressource verweist, die sich im selben Domainbereich wie die aktuelle Seite befindet, ohne den vollständigen Domainpfad anzugeben. Er wird relativ zum aktuellen Standort oder zur in der <base>-Tag angegebenen Basis-URL erstellt.

Arten von relativen Links:

• Verweis auf Dateien im selben Verzeichnis: Nur der Dateiname.

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

• Verweis auf Dateien in Unterverzeichnissen: Es wird der Name des Unterverzeichnisses und der Dateiname angegeben.

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

• Verweis auf Dateien im übergeordneten Verzeichnis: Es wird ../ verwendet. Jedes Paar ../ hebt eine Ebene in der Verzeichnis-Hierarchie an.

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

• Verweis auf das Wurzelverzeichnis: Es wird / am Anfang des Pfades verwendet. Der Pfad wird vom Wurzelverzeichnis der Webseite aus gezählt.

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

Vorteile:

• Bequem bei der Entwicklung und beim vollständigen Verschieben der Webseite.
• Kürzere URL.

Nachteile:

• Erfordert Verständnis der Verzeichnis-Hierarchie.
• Es können Probleme auftreten, wenn die Verzeichnisstruktur geändert wird.