Relative Links

Bisher haben wir mit Adressen wie https://de.wikipedia.org/ auf Seiten verlinkt. Solche Links heißen absolut, weil sie die vollständige Adresse mit all ihren Teilen enthalten.

Die andere Art sind relative Links. Ein relativer Link sieht zum Beispiel so aus: ./hund.html. Um ihn zu verstehen, brauchen wir zwei Begriffe:

• Ein Ordner (auch Verzeichnis genannt) ist ein Ort, an dem Dateien gespeichert sind, genau wie die Ordner auf deinem Computer. Auch die Dateien einer Website liegen in Ordnern.
• Eine Domain ist der Name einer Website in ihrer Adresse, zum Beispiel startcoder.com oder wikipedia.org.

In ./hund.html bedeutet ./ „im aktuellen Ordner“ (dem Ordner der Seite mit dem Link), und hund.html ist die Datei, auf die wir verlinken.

Relative Links verwenden wir, um auf Seiten unserer eigenen Domain zu verlinken. Um von startcoder.com/index.html auf startcoder.com/ueber-uns.html zu verlinken, würden wir diesen relativen Link verwenden:

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

Um aber von startcoder.com auf wikipedia.org zu verlinken, brauchen wir einen absoluten Link.

Unsere Übung hat jetzt zwei Dateien: index.html mit der Katzenseite und hund.html mit der Hundeseite. Du kannst oberhalb des Editors zwischen ihnen wechseln. index.html ist der übliche Name für die Hauptseite einer Website.