Detaillierte Analyse des Unterschieds zwischen relativen HTML-Pfaden und absoluten Pfaden

HTML-Anfänger stehen oft vor dem Problem, wie man eine Datei richtig referenziert. Wie kann man beispielsweise als Hyperlink in einer HTML-Webseite auf eine andere HTML-Webseite verweisen?

So fügen Sie ein Bild in eine Webseite ein Wenn Sie beim Verweisen auf eine Datei den falschen Dateipfad verwenden (z. B. beim Hinzufügen eines Hyperlinks oder Einfügens eines Bilds usw.), wird der Verweis ungültig (der Link kann nicht durchsucht werden). HTML-Anfänger stehen oft vor dem Problem, wie man eine Datei richtig referenziert. Wie kann man beispielsweise als Hyperlink in einer HTML-Webseite auf eine andere HTML-Webseite verweisen? So fügen Sie ein Bild in eine Webseite ein

Wenn Sie beim Verweisen auf eine Datei den falschen Dateipfad verwenden (z. B. beim Hinzufügen eines Hyperlinks oder beim Einfügen eines Bildes usw.), ist der Verweis ungültig (die verlinkte Datei). (Datei kann nicht durchsucht werden), oder das eingefügte Bild kann nicht angezeigt werden usw.).

Um diese Fehler zu vermeiden und Dateien korrekt zu referenzieren, müssen wir HTML-Pfade lernen.

HTML bietet zwei Möglichkeiten, Pfade zu schreiben: relative Pfade und absolute Pfade.

HTML relativer Pfad (Relativer Pfad)
Dateireferenz im selben Verzeichnis
Wenn sich die Quelldatei und die Referenzdatei im selben Verzeichnis befinden, schreiben Sie einfach den Referenzdateinamen direkt.

Wir erstellen jetzt eine Quelldatei info.html und verweisen auf die Datei index.html als Hyperlink in info.html.

Angenommen, der Pfad „info.html“ lautet: c:Inetpubwwwrootsitesblablainfo.html
Angenommen, der Pfad „index.html“ lautet: c:Inetpubwwwrootsitesblablaindex.html
Der Code zum Hinzufügen des Hyperlinks „index.html“ zu „info“. html sollte so aussehen:

index.html


Wie man das Verzeichnis der oberen Ebene darstellt
../ stellt den Speicherort der Quelldatei dar. Das Verzeichnis der oberen Ebene des Verzeichnisses, ../../ stellt das Verzeichnis der oberen Ebene des Verzeichnisses dar, in dem sich die Quelldatei befindet, und so weiter.

Angenommen, der Pfad „info.html“ lautet: c:Inetpubwwwrootsitesblablainfo.html.
Angenommen, der Pfad „index.html“ lautet: c:Inetpubwwwrootsitesindex.html.
Der Code zum Hinzufügen des Hyperlinks „index.html“ zu „info“. HTML sollte so aussehen:


index.html

Übernehmen Sie den Pfad info.html ist: c:Inetpubwwwrootsitesblablainfo. html
Angenommen, der index.html-Pfad lautet: c:Inetpubwwwrootindex.html
Der Code zum Hinzufügen des index.html-Hyperlinks zu info.html sollte wie folgt geschrieben sein:


index.html

Angenommen, der info.html-Pfad lautet: c:Inetpubwwwrootsitesblablainfo.html
Angenommen, der index.html-Pfad lautet: c:Inetpubwwwrootsiteswowstoryindex .html
Der Code zum Hinzufügen des index.html-Hyperlinks zu info.html sollte wie folgt geschrieben sein:


index.html< ;/a> Pfad der Datei im untergeordneten Verzeichnis direkt an.

Angenommen, der Pfad „info.html“ lautet: c:Inetpubwwwrootsitesblablainfo.html
Angenommen, der Pfad „index.html“ lautet: c:Inetpubwwwrootsitesblablahtmlindex.html
Der Code zum Hinzufügen des Hyperlinks „index.html“ zu „info“. html sollte so aussehen:


index.html

Angenommen, der Pfad info.html lautet : c:Inetpubwwwrootsitesblablainfo.html
Angenommen, der Pfad zu index.html lautet: c:Inetpubwwwrootsitesblablahtmltutorialsindex.html
Der Code zum Hinzufügen des Index.html-Hyperlinks zu info.html sollte wie folgt geschrieben sein:


index.html
Absoluter HTML-Pfad (Absoluter Pfad)
Absoluter HTML-Pfad (absoluter Pfad) bezieht sich auf den vollständigen Pfad der Datei mit dem Domänennamen.

Angenommen, Sie registrieren den Domainnamen www.php.cn und beantragen einen virtuellen Host. Ihr virtueller Host-Anbieter stellt Ihnen ein Verzeichnis zur Verfügung, z. B. www. Dieses www ist das Stammverzeichnis Ihrer Website.

Angenommen, Sie platzieren eine Datei index.html im www-Stammverzeichnis. Der absolute Pfad dieser Datei lautet: http://www.php.cn/index.html.

Angenommen, Sie erstellen ein Verzeichnis namens html_tutorials im www-Stammverzeichnis und platzieren dann eine Datei index.html im Verzeichnis. Der absolute Pfad dieser Datei lautet http://www.php.cn/html_tutorials/. index.html.

Das obige ist der detaillierte Inhalt vonDetaillierte Analyse des Unterschieds zwischen relativen HTML-Pfaden und absoluten Pfaden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!