Der Unterschied zwischen relativen Pfaden und absoluten Pfaden in HTML

Solange es sich um Dateien in HTML handelt (z. B. Hyperlinks, Bilder usw.), sind die Konzepte absoluter Pfade und relativer Pfade beteiligt.

1. Absoluter Pfad

Der absolute Pfad bezieht sich auf den Pfad, in dem die Datei tatsächlich auf der Festplatte vorhanden ist. Wenn beispielsweise das Bild „bg.jpg“ im Verzeichnis „E:book Web Page Layout Code Chapter 2“ auf der Festplatte gespeichert ist, lautet der absolute Pfad des Bildes „bg.jpg“ „E:book Web Page“. Layoutcode Kapitel 2 bg" .jpg". Wenn Sie dann einen absoluten Pfad verwenden möchten, um das Hintergrundbild der Webseite anzugeben, sollten Sie die folgende Anweisung verwenden:

2. Nachteile der Verwendung absoluter Pfade

Tatsächlich werden absolute Pfade beim Programmieren von Webseiten selten verwendet. Wenn Sie „E:book web page Veröffentlichungscode Kapitel 2 bg.jpg" Um den Speicherort des Hintergrundbilds anzugeben, ist beim Surfen auf Ihrem eigenen Computer möglicherweise alles in Ordnung, beim Hochladen auf den Webserver zum Surfen wird das Bild jedoch möglicherweise nicht angezeigt. Denn beim Hochladen auf den Webserver wird möglicherweise nicht die gesamte Website auf dem E-Laufwerk des Webservers abgelegt, sondern möglicherweise auf dem D-Laufwerk oder H-Laufwerk. Selbst wenn es auf der E-Festplatte des Webservers abgelegt wird, ist das Verzeichnis „E:book Web Page Layout Code Chapter 2“ möglicherweise nicht auf der E-Festplatte des Webservers vorhanden, sodass das Bild beim Surfen im Internet nicht angezeigt wird Seite.

3. Relativer Pfad

Um diese Situation zu vermeiden, werden bei der Angabe von Dateien auf Webseiten normalerweise relative Pfade gewählt. Der sogenannte relative Pfad ist relativ zum Speicherort Ihrer eigenen Zieldatei. Im obigen Beispiel verweist die Datei „s1.htm“ beispielsweise auf das Bild „bg.jpg“. Da sich das Bild „bg.jpg“ im selben Verzeichnis wie „s1.htm“ befindet, muss es sich in „s1“ befinden .htm“-Datei, solange sich die relative Position der beiden Dateien nicht geändert hat (d. h. sie befinden sich immer noch im selben Verzeichnis), werden sie unabhängig davon, wo sie auf den Webserver hochgeladen werden, korrekt im angezeigt Browser. Bilder anzeigen.

Geben Sie ein weiteres Beispiel: Nehmen wir an, dass das Verzeichnis, in dem sich die Datei „s1.htm“ befindet, „E:book Web Page Layout“ ist Code Kapitel 2“ und das Verzeichnis, in dem sich das Bild „bg.jpg“ befindet, ist „E:book Web Page Layout Code Kapitel 2 img“, dann befindet sich das Bild „bg.jpg“ im „img“ des Verzeichnisses, in dem Es befindet sich relativ zum Unterverzeichnis „s1.htm“. Die Anweisung, die das Bild zitiert, sollte wie folgt lauten:

Hinweis: Verwenden Sie relative Pfade. Das Zeichen „/“ wird als Trennzeichen des Verzeichnisses verwendet, und der absolute Pfad kann das Zeichen „“ oder „/“ als Trennzeichen des Verzeichnisses verwenden. Da das Verzeichnis „img“ ein Unterverzeichnis des Verzeichnisses „Chapter 2“ ist, ist es nicht erforderlich, das Zeichen „/“ vor „img“ hinzuzufügen.

In relativen Pfaden wird „../“ oft verwendet, um das Verzeichnis der oberen Ebene darzustellen. Wenn mehrere Verzeichnisse der oberen Ebene vorhanden sind, können Sie mehrere „../“ verwenden. Beispielsweise stellt „http://www.php.cn/“ das Verzeichnis der oberen Ebene dar. Angenommen, das Verzeichnis, in dem sich die Datei „s1.htm“ befindet, ist „E:book Web Page Layout Code Chapter 2“ und das Verzeichnis, in dem sich das Bild „bg.jpg“ befindet, ist „E:book Web Page Layout Code“. , dann ist das Bild „bg.jpg“ relativ zu Für die Datei „s1.htm“ befindet sie sich im Verzeichnis der oberen Ebene des Verzeichnisses, in dem sie sich befindet. Die Anweisung, die das Bild zitiert, sollte dann lauten:

Nehmen wir als weiteres Beispiel an, dass das Verzeichnis, in dem sich die Datei „s1.htm“ befindet, „ E:book Web Page Layout Code Chapter 2“ und das Verzeichnis, in dem sich das Bild „bg.jpg“ befindet, ist „E: „book web page layout code img“, dann befindet sich das Bild „bg.jpg“ im Verzeichnis „img " Unterverzeichnis des übergeordneten Verzeichnisses des Verzeichnisses, in dem es sich relativ zur Datei „s1.htm“ befindet, sollte die Anweisung, die das Bild zitiert, wie folgt lauten:

4. Relatives virtuelles Verzeichnis

Es gibt auch relative Pfade. Es gibt eine spezielle Darstellung: „relatives virtuelles Verzeichnis“. Schauen Sie sich bitte das folgende Beispiel an:

In diesem Beispiel ist der Wert des Hintergrundattributs ist „ /img/bg.jpg“. Beachten Sie, dass vor „img“ ein „/“-Zeichen steht. Dieses „/“ stellt das Stammverzeichnis des virtuellen Verzeichnisses dar. Angenommen, „E:book Webpage-Layoutcode“ ist als virtuelles Verzeichnis festgelegt, dann ist der tatsächliche Pfad von „/img/bg.jpg“ „E:book web“. Seitenlayoutcode img bg“ .jpg“; wenn „E:book Web Page Layout Code Chapter 2“ als virtuelles Verzeichnis festgelegt ist, dann ist der tatsächliche Pfad von „/img/bg.jpg“ „E:book Web Page Layout“. Code Kapitel 2 imgbg.jpg"

Weitere Informationen zum Unterschied zwischen relativen Pfaden und absoluten Pfaden in HTML finden Sie auf der chinesischen PHP-Website für verwandte Artikel!