HTML -Dateipfade
Ein Dateipfad beschreibt den Speicherort einer Datei in der Ordnerstruktur einer Website.
Beispiele für Dateipfade
| Weg | Beschreibung |
|---|---|
| <img src="bild.jpg"> | Die Datei „picture.jpg“ befindet sich im selben Ordner wie die aktuelle Seite |
| <img src="bilder/bild.jpg"> | Die Datei „picture.jpg“ befindet sich im Ordner images im aktuellen Ordner |
| <img src="/images/picture.jpg"> | Die Datei „picture.jpg“ befindet sich im Ordner „images“ im Stammverzeichnis des aktuellen Webs |
| <img src="../bild.jpg"> | Die Datei „picture.jpg“ befindet sich im Ordner eine Ebene über dem aktuellen Ordner |
HTML-Dateipfade
Ein Dateipfad beschreibt den Speicherort einer Datei in der Ordnerstruktur einer Website.
Dateipfade werden verwendet, wenn auf externe Dateien verlinkt wird, wie:
- Webseiten
- Bilder
- Stylesheets
- JavaScripts
Absolute Dateipfade
Ein absoluter Dateipfad ist die vollständige URL zu einer Datei:
Beispiel
<img src="https://www.w3schools.com/images/picture.jpg"
alt="Mountain">
Das <img>-Tag wird im Kapitel: HTML-Bilder erklärt .
Relative Dateipfade
Ein relativer Dateipfad zeigt auf eine Datei relativ zur aktuellen Seite.
Im folgenden Beispiel verweist der Dateipfad auf eine Datei im Ordner images, der sich im Stammverzeichnis des aktuellen Webs befindet:
Beispiel
<img src="/images/picture.jpg"
alt="Mountain">
Im folgenden Beispiel zeigt der Dateipfad auf eine Datei im Ordner images, der sich im aktuellen Ordner befindet:
Beispiel
<img src="images/picture.jpg"
alt="Mountain">
Im folgenden Beispiel zeigt der Dateipfad auf eine Datei im Ordner images, die sich in dem Ordner befindet, der eine Ebene höher als der aktuelle Ordner liegt:
Beispiel
<img src="../images/picture.jpg"
alt="Mountain">
Beste Übung
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 sowohl auf Ihrem eigenen Computer (localhost) als auch auf Ihrer aktuellen öffentlichen Domain und Ihren zukünftigen öffentlichen Domains.