BESTE WEBSITE FÜR WEBENTWICKLER
HTML5-Lektionen für Anfänger

Ua En Es

HTML Dateipfade


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


Beispiele für Dateipfade

PfadBeschreibung
<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:

Beispiel

<img src="https://www.w3schools.com/images/picture.jpg" alt="Mountain">

Try it Yourself »

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:

Beispiel

<img src="/images/picture.jpg" alt="Mountain">

Try it Yourself »

Im folgenden Beispiel verweist der Dateipfad auf eine Datei im Bilderordner, der sich im aktuellen Ordner befindet:

Beispiel

<img src="images/picture.jpg" alt="Mountain">

Try it Yourself »

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:

Beispiel

<img src="../images/picture.jpg" alt="Mountain">

Try it Yourself »


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.



Kommentare