Relative Links in HTML Dokumenten
Relative Verweise zeigen auf ein Ziel, relativ zum augenblicklichen Aufenthaltsort innerhalb eines Projekts. Relative Links verweisen innerhalb der internen Ordnerstruktur.
Bei relativen Links muss nicht unbedingt die volle Internet-Adresse, eingeleitet mit http:// notiert werden. Schließlich befinden sie sich bereits in der gleichen Ordnerstruktur auf dem Server, auf ihrer Festplatte oder auf einer CD.
Da reicht es aus wenn sie im Link notieren, wo innerhalb der Ordnerstruktur die Datei steht.
Verweise auf Dateien innerhalb des internen Verzeichnisbaums werden einfach durch den Eintag des Dateinamens vorgenommen. Falls notwendig werden noch Angaben zum Verzeichnispfad gemacht.
Link ohne Pfadangabe
Steht die Zieldatei im gleichen Ordner, entfällt die Pfadangabe.
<a href="gartenhaus.htm"> Textlink </a>
Link mit Pfadangabe:
Verbal ausgedrückt kann innerhalb eines Verweises die Anordnung stehen: Gehe in den Ordner 'abc' und öffne dort die Datei 'xyz.htm'.
<a href="abc/xyz.htm"> Textlink </a>
Link zu einer Datei in einem Unterordner
Sie sehen gerade die Datei 'garten.htm' auf ihrem Schirm und klicken dort den Verweis zur Datei 'fichte.htm' an. Dann lautet die Anweisung: Gehe innerhalb der Ordnerstruktur in den Unterordner 'baeume' und öffne dort die Datei 'fichte.htm'.
<a href="baeume/fichte.htm"> Textlink </a>
zur Veranschaulichung:
Beispiel der Referenz
aus der Datei "garten.htm"
auf die Datei "fichte.htm"
1) gehe in das Unterverzeichnis 'baeume'
2) öffne dort die Datei 'fichte.htm'
|
Verzeichnisbaum des Projekts
|
Link zu einer Datei irgendwo in der Ordnerstruktur
Sie sehen gerade die Datei 'rose.htm' auf ihrem Schirm und klicken dort den Verweis zur Datei 'fichte.htm' an. Dann lautet die Anweisung: Gehe innerhalb der Ordnerstruktur um eine Stufe nach oben (../), dann in den Unterordner 'baeume' und öffne dort die Datei 'fichte.htm'.
<a href="../baeume/fichte.htm"> Textlink </a>
zur Veranschaulichung:
Beispiel der Referenz
aus der Datei "rose.htm"
auf die Datei "fichte.htm"
1) gehe in der Ordnerstruktur eine Stufe hoch
2) in das Unterverzeichnis 'baeume'
3) öffne dort die Datei 'fichte.htm'
|
Verzeichnisbaum des Projekts
|
Schreibweise
Ganz wichtig ist die Schreibweise der Ordner- und Dateinamen. Bei auf den Server hochgeladenen Projekten wird Groß- Kleinschrift unterschieden (UNIX). Um Komplikationen zu vermeiden sollten außerdem keine Sonder- und Leerzeichen verwendet werden!
Ausnahmen:
Lassen sie sich nicht durch Feststellungen wie "das funktioniert doch auf meinem Rechner zu Hause" oder "mit dem IE klappt das doch" dazu verleiten, hier zu 'schludern'. Spätestens beim Umzug zu einem anderen Provider könnte sich das rächen.

Weitere Beispiele zu Pfadangaben finden sie auf der Seite:
Pfadangaben bei Verweisen
Informationen zur absoluten Adressierung finden sie auf der Seite:
absolute Links in HTML-Dokumenten
Informationen zur Adressierung auf eine Sprungmarke (Anker) finden sie auf der Seite:
Verweise auf Anker in HTML-Dokumenten
Zum Thema Angaben für das Anzeigeziel (Target) lesen sie die Informationen auf der Seite:
Targetangaben für Links
Links ohne Unterstrich, mit Rahmen oder Hintergrundgrafik? Mehr dazu auf der Seite:
Links ohne Unterstrich

|