HTML-Dateipfade

Ein Dateipfad beschreibt den Speicherort einer Datei in der Ordnerstruktur einer Website.

Beispiele für Dateipfade

Pfad Beschreibung
<img src="bild.jpg" alt=""> Die Datei "bild.jpg" befindet sich im selben Ordner wie die aktuelle Seite
<img src="images/bild.jpg" alt=""> Die Datei "bild.jpg" befindet sich im Bilderordner (images) im aktuellen Ordner
<img src="/images/bild.jpg" alt=""> Die Datei "bild.jpg" befindet sich im Ordner images im Stammverzeichnis
<img src="../bild.jpg" alt=""> Die Datei "bild.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:

Absolute Dateipfade

Ein absoluter Dateipfad ist die vollständige URL zu einer Datei. Beispiel:

<img src="https://meinserver.de/images/bild.jpg" alt="Mein Bild">

Relative Dateipfade

Ein relativer Pfad verweist auf eine Datei relativ zur aktuellen Seite.
Im folgenden Beispiel verweist der Dateipfad auf eien Datei im Ordner images im Stammverzeichnis des aktuellen Webs.
Beispiel:

<img src="/images/bild.jpg" alt="Mein Bild">

Es empfiehlt sich, relative Pfade (wenn möglich) zu verwenden.
Wenn Sie relative Pfade verwenden, werden Ihre Webseiten nicht an Ihre aktuelle Basis-URL gebunden. Alle Links funktionieren auf Ihrem eigenen Computer (localhost) sowie auf Ihrer aktuellen Public Domain und Ihren zukünftigen Public Domains.