Heim > Web-Frontend > HTML-Tutorial > Detailliertes Verständnis absoluter und relativer Pfade zu Dateien

Detailliertes Verständnis absoluter und relativer Pfade zu Dateien

yulia
Freigeben: 2018-09-21 16:11:27
Original
3209 Leute haben es durchsucht

Wenn wir auf Dateien oder Bilder verweisen, handelt es sich um relative Pfade und absolute Pfade. Wenn diese nicht klar unterschieden werden, kann es leicht zu Fehlern kommen. Dieser Artikel gibt Ihnen den relativen und absoluten Pfad der Datei an. Ich hoffe, dass er für Sie hilfreich ist.

Wenn Sie DW zum Schreiben von HTML verwenden, können Sie den Pfad zu einer bestimmten Datei direkt auswählen. Mit Webstorm können Sie jetzt nur Dateien im selben Verzeichnis wie die HTML-Datei auswählen. Lassen Sie uns den Unterschied zwischen absoluten Pfaden und relativen Pfaden zu Dateien klären.

1. Absoluter Pfad

Zunächst einmal bezieht sich der absolute Pfad einer Datei auf dem lokalen Computer sicherlich auf den Pfad, in dem die Datei tatsächlich auf der Festplatte vorhanden ist Scheibe.

Zum Beispiel sagt uns dieser Pfad: D:/wamp/www/img/icon.jpg, dass sich die Datei icon.jpg im Unterverzeichnis img des Wamp-Verzeichnisses auf Laufwerk D befindet. Wir benötigen keine weiteren Informationen, um den Speicherort der Datei anhand des absoluten Pfads zu bestimmen.

Es gibt auch einen Hyperlink-Dateispeicherort, der ebenfalls ein absoluter Pfad ist, wie zum Beispiel http://www.img.net/img/icon.jpg.

Hinweis: Manchmal kann die bearbeitete Seite normal auf Ihrem eigenen Computer durchsucht werden, beim Hochladen auf den Webserver zum Durchsuchen wird das Bild jedoch möglicherweise nicht angezeigt. Da statische HTML-Seiten auf die Website hochgeladen werden müssen und wir in Website-Anwendungen normalerweise „/“ verwenden, um das Stammverzeichnis darzustellen, bedeutet /img/icon.jpg, dass sich die Datei photo.jpg im Stammverzeichnis img befindet Verzeichnis der Website. Beachten Sie jedoch, dass es sich bei dem hier genannten Root-Verzeichnis nicht um das Root-Verzeichnis Ihrer Website handelt, sondern um das Root-Verzeichnis des Webservers, auf dem sich Ihre Website befindet. Denn beim Hochladen auf den Webserver wird möglicherweise nicht die gesamte Website auf dem Laufwerk D des Webservers abgelegt, sondern möglicherweise auf dem Laufwerk F oder Laufwerk H. Selbst wenn es im Laufwerk D des Webservers abgelegt wird, ist das Verzeichnis „D:/wamp/www/img“ möglicherweise nicht auf der Festplatte E des Webservers vorhanden, sodass das Bild beim Surfen im Internet nicht angezeigt wird. Dies birgt auch das Risiko, absolute Pfade anzuwenden.

2. Relativer Pfad

Der relative Pfad ist, wie der Name schon sagt, relativ zur Zielposition.

Angenommen der Seitenname der Datei, die Sie importieren möchten, lautet test.htm und sie befindet sich in einem Ordner namens www (absoluter Pfad D:/wamp/www/test.htm). , dann zitieren Gleichzeitig befindet sich die Datei „icon.jpg“ im WWW-Ordner (absoluter Pfad D:/wamp/www/icon.jpg) und der relative Pfad icon.jpg im selben Verzeichnis „icon.jpg“ existiert im img-Ordner (absoluter Pfad D:/wamp/www/img/icon.jpg), dann relativer Pfad img/icon.jpg.

Relative Pfade können das oben genannte Problem unterschiedlicher Stammverzeichnisse vermeiden. Solange die relativen Positionen der Webseitendateien und Referenzdateien konsistent mit den relativen Positionen der Dateien auf dem Webserver gespeichert werden, sind auch ihre relativen Pfade konsistent. Im obigen Beispiel wird beispielsweise auf das Bild „icon.jpg“ in der Datei „test.htm“ verwiesen. Da sich das Bild „icon.jpg“ im selben Verzeichnis wie „test.htm“ befindet, gilt Folgendes: diese beiden Die Datei befindet sich immer noch im selben Verzeichnis. Unabhängig davon, wo sie auf den Webserver hochgeladen wird, wird das Bild im Browser korrekt angezeigt.

Hinweis: Relative Pfade verwenden das Zeichen „/“ als Verzeichnistrennzeichen, während absolute Pfade die Zeichen „“ oder „/“ als Verzeichnistrennzeichen verwenden können. Da das Verzeichnis „img“ ein Unterverzeichnis des Verzeichnisses „www“ ist, ist es nicht erforderlich, das Zeichen „/“ vor „img“ einzufügen.

In relativen Pfaden wird „../“ oft verwendet, um das Verzeichnis der oberen Ebene darzustellen. Wenn mehrere übergeordnete Verzeichnisse vorhanden sind, können Sie mehrere „../“ verwenden. Angenommen, das Verzeichnis, in dem sich die Datei „test.htm“ befindet, ist „D:/wamp/www/test.htm“ und das Verzeichnis, in dem sich das Bild „icon.jpg“ befindet, ist „D:/wamp/www“. , dann ist das Bild „icon.jpg“ relativ. Für die Datei „test.htm“, die sich im oberen Verzeichnis des Verzeichnisses befindet, in dem sie sich befindet, sollte die Anweisung, die das Bild zitiert, lauten:

Angenommen, das Verzeichnis, in dem sich die Datei „test.htm“ befindet, ist „D:/wamp/www/test.htm“ und Das Verzeichnis, in dem sich das Bild „icon.jpg“ befindet, ist „D:/wamp/www“. Im Vergleich zur Datei „test.htm“ befindet sich das Bild „icon.jpg“ im Unterverzeichnis der oberen Ebene Verzeichnis des Verzeichnisses, in dem es sich befindet – „img“. Der Satz, der das Bild zitiert, sollte wie folgt lauten:

< ;img src="../img/icon.jpg" /> >

3. Virtueller Pfad

Nach dem Hochladen von Dateien auf den Remote-Server verbleiben diese Dateien in einem Ordner im lokalen Verzeichnisbaum des Servers. Auf einem Server, auf dem Microsoft IIS ausgeführt wird, könnte der Pfad zur Homepage beispielsweise so aussehen: c:Inetpubwwwrootaccountsusersjsmithindex2.htm Dieser Pfad wird oft als physischer Pfad zur Datei bezeichnet. Die zum Öffnen der Datei verwendete URL verwendet jedoch keinen physischen Pfad. Es verwendet den Servernamen oder Domänennamen, gefolgt vom virtuellen Pfad (hier ist ein virtuelles Verzeichnis: Das virtuelle Verzeichnis ist für den HTTP-Zugriff vorgesehen, die Verzeichnisstruktur wird angezeigt, wenn Benutzer die Website oder FPT durchsuchen. Sie legen beispielsweise E:Website für fest Zugriffsverzeichnis, dann ist E:Website das Stammverzeichnis des virtuellen Verzeichnisses; E:WebsiteImage wird zu Image. Dem obigen Beispiel folgend kann der virtuelle Pfad also als

geschrieben werden.

./" stellt das aktuelle Verzeichnis dar. entspricht

„../“ stellt das übergeordnete Verzeichnis dar

„/“ das aktuelle Stammverzeichnis, das ein relatives Verzeichnis ist

" ~/" Stammverzeichnis der Webanwendung. ASP.NET aktiviert den Webanwendungs-Root-Operator (~), der beim Angeben eines Pfads in einem Serversteuerelement verwendet werden kann. ASP.NET löst den ~-Operator in das Stammverzeichnis der aktuellen Anwendung auf. Sie können den ~-Operator mit einem Ordner verwenden, um einen Pfad basierend auf dem aktuellen Stammverzeichnis anzugeben. In diesem Beispiel befindet sich die Bilddatei direkt aus dem Ordner „Bilder“ im Stammverzeichnis des Webs Anwendung lesen, unabhängig davon, wo sich die Seite auf der Website befindet.

Das obige ist der detaillierte Inhalt vonDetailliertes Verständnis absoluter und relativer Pfade zu Dateien. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage