So schreiben Sie einen relativen Pfad in HTML5

So schreiben Sie relative Pfade in HTML5: 1. Verwenden Sie „Dateiname“, um Dateien im gleichen Ebenenpfad darzustellen. 2. Verwenden Sie „./Dateiname“, um übergeordnete Verzeichnisdateien darzustellen " zur Darstellung übergeordneter Dateien ;4. Verwenden Sie "Verzeichnisname/Dateiname gleicher Ebene", um Verzeichnisdateien niedrigerer Ebene darzustellen.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5-Version, Dell G3-Computer.

So schreiben Sie einen relativen Pfad in HTML5

Zweck: Geben Sie die Pfadbeziehung zu anderen Dateien (oder Ordnern) an, die durch den Pfad dieser Datei verursacht wird.

Wenn sich die Quelldatei und die Referenzdatei im selben Verzeichnis befinden, schreiben Sie die direkt referenzieren Der Dateiname reicht aus, und die Datei kann über einen relativen Pfad referenziert werden.

Erstellen Sie unten zwei HTML-Dokumente info.html und index.html als Beispiele. Die Anforderungen bestehen darin, den Hyperlink index.html zu info.html hinzuzufügen.

eg1: Einfache Anwendung relativer Pfade

Annahme: info.html-Pfad ist: c:/Inetpub/wwwroot/sites/blabla/info.html

　 Index.html-Pfad ist: c:/Inetpub/wwwroot/ sites/blabla/index.html

Schreiben:

<a href = "index.html">这是超连接</a>

eg2: So stellen Sie das übergeordnete Verzeichnis dar

../ stellt das übergeordnete Verzeichnis des Verzeichnisses dar, in dem sich die Quelldatei befindet, http://www.cnblogs .com/ stellt die Quelle dar. Das Verzeichnis oberhalb des Verzeichnisses, in dem sich die Datei befindet, usw.

Angenommen: Der Pfad von info.html lautet: c:/Inetpub/wwwroot/sites/blabla/info.html

　Der Pfad von index.html lautet: c:/Inetpub/wwwroot/sites/index.html

Schreiben:

<a href = "../index.html">这是超连接</a>

eg3: So stellen Sie das Verzeichnis der oberen Ebene dar

Annahme: info.html-Pfad ist: c:/Inetpub/wwwroot/sites/blabla/info.html

　 Index.html-Pfad ist: c :/Inetpub/wwwroot/sites /wowstory/index.html

Schreiben:

<a href = "../wowstory/index.html">index.html</a>

eg3: So stellen Sie das Verzeichnis auf niedrigerer Ebene dar

Um auf Dateien im Verzeichnis auf niedrigerer Ebene zu verweisen, schreiben Sie einfach den Pfad des Datei direkt in das untergeordnete Verzeichnis kopieren.

Angenommen: Der Pfad von info.html lautet: c:/Inetpub/wwwroot/sites/blabla/info.html

　Der Pfad von index.html lautet: c:/Inetpub/wwwroot/sites/blabla/html/index .html

Schreibmethode:

<a href = "html/index.html">这是超连接</a>

Empfohlenes Tutorial: „HTML-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonSo schreiben Sie einen relativen Pfad in HTML5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!