Hyperlinks - relativ oder absolut


Als Hyperlink, auch kurz Link (Verknüpfung, Verbindung, Verweis), bezeichnet man einen Verweis auf eine andere Datei (Bilder, Webseiten, Musikstücke, etc..) im Hypertext, der durch das HTML Protokoll automatisch verfolgt werden kann.
Einen Link kann man auch mit einem Querverweis in einem Buch vergleichen.

Typischerweise wird der Verweis auf eine andere Webseite im Quellcode "verankert" - Mit dem Tag <a (anker), gefolgt von href (Angabe der Hypertext-Referenz), dann der eigentliche Verweis ="irgendeineseite.html"> Dann kommt der angezeigte Text wie mehr... , danach muss der geöffnete Tag nur noch mit </a> geschlossen werden.

Eine Website benötigt eine Einstiegsseite (diese sollte immer index.html oder default.html heißen) mit Verweisen zu allen Themenseiten und in jeder Themenseite einen Rücksprungverweis zur Einstiegsseite. Hier ein Beispiel:

<a href="http://www.8ung.at/mcp.becker"> Hier geht es zu meiner Webseite</a>

Da nur ein Ordner (Die Website) und keine Datei angegeben wurde, wird der Browser nach der http://www.8ung.at/mcp.becker/index.html - Datei suchen und diese öffnen.

Egal, ob ich auf ein Bild verweise (<img src=" ">) oder einen Link einfüge (<a href="....html ">Linkname</a>) dessen Ziel nicht im gleichen Verzeichnis liegt wie die ausgeführte html-Datei, muss ich den Weg zu dieser Datei benennen.

Beispiel 1: (ohne Pfadangabe, da im gleichen Verzeichnis)
Ich rufe die Datei bilder.html auf:
mcp.becker/homepage/html/bilder.html
Sie verweist auf die Datei sonne.jpg, die im gleichen Verzeichnis liegt
mcp.becker/homepage/html/sonne.jpg – eine Pfadangabe ist nicht nötig!
<img src="sonne.jpg">

Beispiel 2: (relative Pfadangabe)
Bei einer Umfangreichen Website mit mehreren Bilddateien habe ich das Verzeichnis „images“ angelegt, in dem dann alle Bilder liegen.
(mcp.becker/images/sonne.jpg)
Ich rufe wieder die Datei bilder.html auf
mcp.becker/homepage/html/bilder.html
– jetzt muß ich erst mal zwei Verzeichnisse höher (homepage/html/), dann ins Verzeichnis /images , wechseln, wo meine sonne.jpg liegt.
(<img src="../../images/sonne.jpg">). Mit ../ wechsele ich ins jeweils höhere Verzeichnis!

Oder:
Ich rufe die Datei beispiel.html auf.
mcp.becker/kurse/homepage/html/beispiel.html
(sie liegt im Verzeichnis /html) und verweist auf das Bild
mcp.becker/kurse/homepage/html/beispiele/images/haus.jpg
so muß ich in die Unterverzeichnisse beispiele/images wechseln! Die relative Pfadangabe:
<img src="beispiele/images/haus.jpg">.

Beispiel 3: (absolute Pfadangabe)
Ich veröffentlich diese Website unter www.8ung.at. Dort liegt das Sonnenbild im Verzeichnis
(www.8ung.at/mcp.becker/images/sonne.jpg)
Nun kann jeder dieses Bild mit der absoluten Pfadangabe verlinken.
(<img src="www.8ung.at/mcp.becker/images/sonne.jpg">).

Innerhalb einer Website sollte man immer die relative Pfadangabe bevorzugen. Stellen Sie sich vor, sie ziehen mit Ihrer Website um (z.B. von www.meinname.de nach www.unsername.de) – dann müssten sie ALLE absoluten Pfadangaben ändern.

zurück zum Seitenanfang