HTML Dateipfade
Ein Dateipfad beschreibt den Speicherort einer Datei in der Ordnerstruktur einer Website.
Beispiele für Dateipfade
| Pfad | Beschreibung |
|---|---|
| <img src="picture.jpg"> | Die Datei "picture.jpg" befindet sich im selben Ordner wie die aktuelle Seite |
| <img src="images/picture.jpg"> | Die Datei "picture.jpg" befindet sich im Bilderordner im aktuellen Ordner |
| <img src="/images/picture.jpg"> | Die Datei "picture.jpg" befindet sich im Bilderordner im Stammverzeichnis der aktuellen Website |
| <img src="../picture.jpg"> | Die Datei "picture.jpg" befindet sich im Ordner eine Ebene höher als der aktuelle Ordner |
HTML-Dateipfade
Ein Dateipfad beschreibt den Speicherort einer Datei in der Ordnerstruktur einer Website.
Dateipfade werden beim Verknüpfen mit externen Dateien verwendet, wie zum Beispiel:
- Webseiten
- Bilder
- Stylesheets
- JavaScripts
Absolute Dateipfade
Ein absoluter Dateipfad ist die vollständige URL zu einer Datei:
Das <img>-Tag wird im Kapitel erklärt: HTML-Bilder.
Relative Dateipfade
Ein relativer Dateipfad verweist auf eine Datei relativ zur aktuellen Seite.
Im folgenden Beispiel verweist der Dateipfad auf eine Datei im Bilderordner im Stammverzeichnis der aktuellen Website:
Im folgenden Beispiel verweist der Dateipfad auf eine Datei im Bilderordner, der sich im aktuellen Ordner befindet:
Im folgenden Beispiel verweist der Dateipfad auf eine Datei im Bilderordner, die sich im Ordner befindet, der eine Ebene höher als der aktuelle Ordner liegt:
Best Practice
Es empfiehlt sich, relative Dateipfade zu verwenden (wenn möglich).
Wenn Sie relative Dateipfade verwenden, werden Ihre Webseiten nicht an Ihre aktuelle Basis-URL gebunden. Alle Links funktionieren auf Ihrem eigenen Computer (localhost) sowie auf Ihrer aktuellen öffentlichen Domain und Ihren zukünftigen öffentlichen Domains.
