Es gibt sicherlich keine Webseite ohne Links. Unter Links versteht man eine Weiterleitung zu einer anderen Webseite oder Datei. Dazu muss die Zieladresse übermittelt werden. Der Tag für einen Link lautet <a>...</a>.
Links
Link-Varianten (nach Ziel)
- Absolute Links
- Relative Links
- Interne Links
Absolute Links
Allgemein gesagt können absolute Links überall hinführen. Der Pfad wird komplett (mit dem entsprechenden Protokoll) angegeben. Auch wenn diese Form eines Links für alle Ziele verwendet werden könnte sollte man diese Form nur Anwenden wenn das Ziel nicht auf dem eigenen Server (bzw. innerhalb des eigenen Projekts) liegt.
Syntax:<a href="protokoll://kompletter_pfad>...</a>
Beispiel:
<a href="https://www.google.de">Google</a>
Eine Übersicht über Protokolle findet ihr im Glossar - Protokolle.
Relative Links
Diese Links basieren stets auf dem Speicherort des Dokuments welchen den Link aufruft. Von dieser Ebene aus kann dann in Unter- bzw. Überverzeichnisse verwiesen werden (Pfadnavigation). Dabei wird mit "../" eine Ebene höher, mit "pics/" in das Verzeichnis "pics" als Unterorder verwiesen.
Syntax:<a href="relativer_pfad>...</a>
Beispiel 1:
<a href="pics/logo.jpg">Logo-Bild</a>
Hier wird in das Verzeichnis "pics" auf gleicher Ebene verwiesen.
Beispiel 2:
<a href="../js/helper.js">Logo-Bild</a>
Hier wird erst eine Ebene nach oben und dann ins Verzeichnis "js" verwiesen.
Beispiel 3:
<a href="/tools/js/helper.js">Logo-Bild</a>
Bei einem führenden "/" wird immer vom "Root" (der obersten Ebene) ausgegangen.
Interne Links
Diese Form eines Links verweist auf ein Ziel im aktuellen Dokument. Das Zielelement erhält eine eindeutige ID. Diese ID wird dann dem Link als Ziel genannt. Bei einem internen Link beginnt die Pafadangabe immer mit einem "#".
Syntax:<a href="#id_des_ziels>...</a>
Beispiel:
<a href="#kapitel2">Kapitel 2</a>
Hier wird im Dokument zum 2. Kapitel gesprungen (sofern dort die ID "kapitel2" vergeben wurde).
Die ID könnte so eingebunden sein:
<h2 id="kapitel2">Kapitel 2</h2>.