Der Unterschied zwischen relativen Pfaden und absoluten Pfaden_CSS/HTML

Absoluter Pfad:

Um die Datei zu finden, die wir normalerweise benötigen, wenn wir den Computer verwenden, müssen wir den Speicherort der Datei kennen, und die Art und Weise, wie der Speicherort der Datei ausgedrückt wird, ist beispielsweise der Pfad Wie Sie diesen Pfad sehen: c:/website/img /photo.jpg Wir wissen, dass sich die Datei photo.jpg im Unterverzeichnis img des Website-Verzeichnisses des Laufwerks C befindet. Ein ähnlicher Pfad, der den Speicherort einer Datei vollständig beschreibt, ist ein absoluter Pfad. Wir benötigen keine weiteren Informationen, um den Speicherort der Datei anhand des absoluten Pfads zu bestimmen. Auf der Website ist die Methode zur Bestimmung des Dateispeicherorts ähnlich wie http://www.e3i5.net/img/photo.jpg ebenfalls ein absoluter Pfad.

In Website-Anwendungen verwenden wir normalerweise „/“, um das Stammverzeichnis darzustellen. /img/photo.jpg bedeutet, dass sich die Datei photo.jpg im img-Verzeichnis im Stammverzeichnis der Website befindet. Für Anfänger ist diese Verwendung jedoch riskant, da Sie wissen müssen, dass das hier genannte Stammverzeichnis nicht das Stammverzeichnis Ihrer Website ist, sondern das Stammverzeichnis des Servers, auf dem sich Ihre Website befindet. Wenn also das Stammverzeichnis der Website verwendet wird Wenn es vom Server-Root abweicht, tritt ein Fehler auf.
Relativer Pfad:

Analysieren Sie, warum das Bild nicht normal angezeigt werden kann. Beispielsweise gibt es eine Seite index.htm und ein Bild photo.jpg, das mit dieser Seite verbunden ist. Ihre absoluten Pfade lauten wie folgt:
　c:/website/index.htm
　c:/website/img/photo.jpg

Wenn Sie den absoluten Pfad c:/website/img/ verwenden photo.jpg, dann ist auf Ihrem eigenen Computer alles in Ordnung, denn die Datei photo.jpg befindet sich zwar am angegebenen Speicherort, c:/website/img/photo.jpg, aber wenn Sie die Seite auf die Website hochladen, Es ist sehr wahrscheinlich, dass etwas schief geht, denn Ihre Website befindet sich möglicherweise auf Laufwerk C des Servers, möglicherweise auf Laufwerk D, im Verzeichnis aa oder noch wahrscheinlicher im Verzeichnis bb , gibt es keinen Grund, c:/website/img/photo.jpg einen Pfad zu haben. Welche Art von Pfad sollte also verwendet werden, um die Datei photo.jpg in der Datei index.htm zu finden? Ja, Sie sollten einen relativen Pfad verwenden. Der sogenannte relative Pfad ist, wie der Name schon sagt, relativ zur Zielposition. Im obigen Beispiel kann photo.jpg, das in index.htm verbunden ist, img/photo.jpg verwenden, um die Datei zu finden. Unabhängig davon, wo diese Dateien abgelegt werden, tritt kein Fehler auf, solange sich ihre relative Beziehung nicht ändert.

Darüber hinaus verwenden wir „../“, um das Verzeichnis der oberen Ebene darzustellen, „../../“, um das Verzeichnis der oberen Ebene darzustellen, und so weiter. (Freunde, die DOS studiert haben, finden es vielleicht leichter zu verstehen)

Schauen Sie sich einige weitere Beispiele an. Beachten Sie, dass in allen Beispielen ein Bild photo.jpg mit der Datei index.htm verbunden ist.

Beispiel:
c:/website/web/index.htm
c:/website/img/photo.jpg
In diesem Beispiel ist photo.jpg mit index.htm verknüpft Wie soll es ausgedrückt werden?
Falsche Schreibweise: img/photo.jpg
Diese Schreibweise ist falsch. In diesem Beispiel lautet der durch img/photo.jpg dargestellte absolute Pfad: c:/website /web/img /photo.jpg, erfüllt offensichtlich nicht die Anforderungen.
Richtige Schreibmethode: Verwenden Sie den relativen Pfad von ../img/photo.jpg, um die Datei zu finden


Beispiel:
c:/website/web/xz/index.htm
c:/website/img/images/photo.jpg
Wie soll in diesem Beispiel das in index.htm verbundene photo.jpg dargestellt werden?
Falsche Schreibweise: ../img/images/photo.jpg
Diese Schreibweise ist falsch. In diesem Beispiel stellt ../img/images/photo.jpg den absoluten Pfad dar : c:/website/web/img/images/photo.jpg.
Richtige Schreibweise: Sie können den relativen Pfad von ../../img/images/photo.jpg verwenden, um die Datei zu finden


Beispiel:
c:/website/web /xz/ index.htm
c:/website/web/img/photo.jpg
Wie soll in diesem Beispiel die mit index.htm verbundene Datei photo.jpg dargestellt werden?
Falsche Schreibweise: ../../img/photo.jpg
Diese Schreibweise ist in diesem Beispiel für die Datei index.htm falsch: ../../img/photo.jpg Der absolute Pfad Dargestellt ist: c:/website/img/photo.jpg.
Richtige Schreibmethode: Sie können den relativen Pfad von ../img/photo.jpg verwenden, um die Datei zu finden.


Zusammenfassung: Mithilfe des obigen Beispiels können Sie dies bei der Konvertierung in den absoluten Pfad ermitteln Wenn Sie den Pfad in einen relativen Pfad umwandeln, können die identischen Teile der absoluten Pfade der beiden Dateien ignoriert werden und werden nicht berücksichtigt. Bedenken Sie nur, wie unterschiedlich sie sind.