Projektverweise zu anderen HTML-Dateien |
|
Verweis zu Datei im gleichen Verzeichnis |
|
Anzeigebeispiel: So sieht's aus
Bei kleineren Projekten, zum Beispiel bei persönlichen Homepages, befinden sich alle Projektdateien zumeist im gleichen Verzeichnis, auch nach dem Upload auf einen WWW-Server. In diesem Fall genügt bei Verweisen zwischen den Dateien einfach die Angabe der anderen Datei.
<a href="datei.htm">Verweistext</a> |
Für das Setzen des Verweises gilt das Schema für Verweise in HTML. Das Verweisziel ist der Dateiname der anderen HTML-Datei.
Bei der Angabe des Dateinamens müssen Sie unbedingt zwischen Groß- und Kleinschreibung unterscheiden. Einige Systeme, allen voran MS Windows, sind bis heute entweder überhaupt nicht in der Lage, dies zu unterscheiden (bis Windows 3.11), oder sie unterscheiden es, aber nicht konsequent genug (Windows 95). Notieren Sie die Dateinamen in Ihren Verweisen dennoch exakt so, wie Sie die Dateinamen geschrieben haben wollen. Evtl. müssen Sie die Dateien nach dem Upload auf einen WWW-Server (häufig Unix-Rechner, die penibel zwischen Groß- und Kleinschreibung unterscheiden) noch mal mit FTP-Befehlen umbenennen und dabei Groß- und Kleinschreibung so verwenden, wie es in Ihren Verweisen steht.
Legen Sie bereits beim lokalen Erstellen von HTML-Dateien, die später mal im WWW in einem gemeinsamen Verzeichnis stehen sollen, alle Dateien in einem gemeinsamen Verzeichnis ab. Nur so funktionieren die Verweise zwischen den Dateien.
Anzeigebeispiel: So sieht's aus
Bei größeren Projekten ist es sinnvoll, die Dateien auf mehrere Verzeichnisse zu verteilen. Dies dient der besseren Übersicht. Damit die Projekte auf andere Rechner mit anderen Verzeichnisstrukturen übertragbar bleiben, sollten Sie aber bei Verweisen zwischen Dateien, die zu Dateien in anderen Verzeichnissen führen, mit relativen Pfadnamen arbeiten.
<a href="verzeichnis/datei.htm">Verweis zu Datei in Verzeichnis unterhalb</a> <a href="verzeichnis/unterverz/datei.htm">Verweis zu Datei in Verzeichnis weit unterhalb</a> <a href="../datei.htm">Verweis zu Datei ein Verzeichnis höher</a> <a href="../../../datei.htm">Verweis zu Datei drei Verzeichnisse höher</a> <a href="../woanders/datei.htm">Verweis zu Datei in Verzeichnis unterhalb des nächsthöheren</a> |
Für das Setzen des Verweises gilt das Schema für Verweise in HTML. Das Verweisziel ist die relative Pfadangabe und der Dateiname der anderen HTML-Datei.
Bei relativen Pfadnamen ist das Verzeichnis, in dem die Datei steht, die den Verweis enthält, der Bezugspunkt (im folgenden "aktuelles Verzeichnis" genannt).
Wenn sich die HTML-Datei, auf die der Verweis führen soll, in einem Verzeichnis unterhalb des aktuellen Verzeichnisses befindet, notieren Sie den Namen des Unterverzeichnisses, dann einen Schrägstrich, dann den Namen der Zieldatei. Wenn sich die Zieldatei im nächsthöheren Verzeichnis zu dem aktuellen Verzeichnis befindet, notieren Sie zwei Punkte, einen Schrägstrich und dahinter den Namen der Zieldatei. Bei weiter entfernten Dateien müssen Sie mehrere Verzeichnisse aneinanderreihen, so wie in den obigen Beispielen.
Verwenden Sie zum Trennen der Verzeichnisnamen immer den einfachen Schrägstrich, auch, wenn Sie Ihr Projekt innerhalb einer DOS-/Windows-Umgebung erstellen. Der WWW-Browser benötigt die Angabe in Form von einfachen Schrägstrichen.
Anzeigebeispiel: So sieht's aus
Wenn Sie innerhalb einer anderen als einer aktuellen HTML-Datei Anker definiert haben, können Sie auch Verweise setzen, die direkt zu einem Anker innerhalb einer anderen Datei führen.
<a href="datei.htm#Zieldef">Verweistext</a> <a href="verzeichnis/datei.htm#Zieldef">Verweistext</a> <a href="../datei.htm#Zieldef">Verweistext</a> |
Für das Setzen des Verweises gilt das Schema für Verweise in HTML. Das Verweisziel ist der Name der anderen HTML-Datei (gegebenenfalls mit relativem Pfadnamen), und dahinter, durch ein # getrennt, der Name des definierten Ankers. Beachten Sie, daß Groß- und Kleinschreibung bei Definition und Aufruf eines Ankers übereinstimmen müssen.
weiter: | Verweise zu anderen WWW-Adressen |
zurück: | Projektverweise innerhalb einer HTML-Datei |