Detaillierte Erklärung zur Verwendung relativer Pfade in HTML, um Dateien auf allen Verzeichnisebenen abzurufen

Das Konzept des relativen Pfades

Verwenden Sie den aktuellen Dateispeicherort als Referenzpunkt, um den Pfad zur Zieldatei festzulegen.

Das Konzept des absoluten Pfades

Der vollständige Pfad der gesamten Datei, z. B. X:\www\web\index.html oder http://waldo.com.cn/index.html. Beides sind absolute Pfade.

Detaillierte Erklärung verschiedener Möglichkeiten zur Verwendung relativer Pfade

Angenommen, Sie möchten eine Seite mit dem Namen test.html verknüpfen. Im Folgenden werden verschiedene Möglichkeiten zum Angeben relativer Pfade gezeigt:

Relativer Pfadzugriff auf Dateien im Stammverzeichnis der Website

Ein einzelner Schrägstrich / stellt das Stammverzeichnis dar. Mit dem einzelnen Schrägstrich / können Sie auf jeder Ebene direkt auf das Stammverzeichnis zugreifen.

Unter der Annahme, dass viele Stellen auf der Webseite auf die Seite about.html im Webordner im Stammverzeichnis der Website verlinken müssen, sollte der HTML-Code folgendermaßen geschrieben werden: <a href='/about.html'>Link zu</a>.

Relativer Pfadzugriff auf Dateien im übergeordneten Verzeichnis der aktuellen Seite

../ gibt das übergeordnete Verzeichnis der aktuellen Datei an. Angenommen, der aktuelle Seitenpfad lautet Waldo.com.cn/StaticPageFiles/SiteMapFiles/tag_11_1.htm. Die Seite muss auf die Datei X:\www\web\StaticPageFiles\SiteMapFiles\Tag3\tag_3_1.htm verweisen. Dann sollte die Linkadresse auf der aktuellen Seite <a href='../Tag3/tag_3_1.htm'>.NET標簽</a> sein.

PS: Da das aktuelle Verzeichnis Tag11 ist und das Verzeichnis, in dem sich die Zieldatei befindet, auf die die Seite verlinken muss, Tag3 ist, das zum selben übergeordneten Verzeichnis SiteMapFiles gehört wie das aktuelle Verzeichnis, müssen Sie zuerst ../ verwenden, um auf das übergeordnete Verzeichnis zu verlinken, und dann auf das Zielverzeichnis und die Dateien unter dem übergeordneten Verzeichnis.

Relativer Pfadzugriff auf Dateien in mehreren übergeordneten Verzeichnissen der aktuellen Seite

Da ../ das übergeordnete Verzeichnis der aktuellen Datei darstellt, stellt ../../ das übergeordnete Verzeichnis der aktuellen Datei dar. Fügen Sie einfach ../ entsprechend der Anzahl der zu erhaltenden übergeordneten Ebenen hinzu.

Relativer Pfadzugriff auf Dateien im Unterverzeichnis der aktuellen Auslagerungsdatei

Verwenden Sie einfach den aktuellen Verzeichnisnamen/Unterverzeichnisnamen/Zieldateinamen. Angenommen, die aktuelle Datei befindet sich im Verzeichnis shiyousan.com/StaticPageFiles/SiteMapFiles/ . Um auf die Datei unter Tag3 im aktuellen Verzeichnis zu verlinken, kann die Linkadresse folgendermaßen geschrieben werden: <a href='SiteMapFiles/Tag3/tag_3_1.htm'>鏈接</a> . Oder Sie können ./,./ folgendermaßen verwenden: <a href='./SiteMapFiles/Tag3/tag_3_1.htm'>鏈接</a>。

Zusammenfassen

. --------Ein einzelner Punkt oder ein direkter Verzeichnisname gibt das aktuelle Verzeichnis an

.. --------Doppelte Punkte zeigen das übergeordnete Verzeichnis der aktuellen Datei an

/ --------Ein einzelner Schrägstrich gibt das Stammverzeichnis der aktuellen Website an

Oben finden Sie eine ausführliche Erklärung zur Verwendung relativer Pfade in HTML, um Dateien auf allen Verzeichnisebenen abzurufen. Ich hoffe, dass dies für alle hilfreich ist. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und ich werde Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken!