Analyse des Unterschieds zwischen relativen HTML-Pfaden und absoluten Pfaden_HTML/Xhtml_Webseitenproduktion

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. Schreiben Sie:

index.html


Wie stellt man das Verzeichnis der oberen Ebene dar?
../ stellt die obere Ebene dar Verzeichnis des Verzeichnisses, in dem sich die Quelldatei befindet, ../ ../ stellt das übergeordnete Verzeichnis 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. Schreiben Sie:


index.html

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


index.html

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


index.html

Wie man das Verzeichnis auf niedrigerer Ebene darstellt
Um auf Dateien im Verzeichnis auf niedrigerer Ebene zu verweisen Schreiben Sie einfach den Pfad der Datei direkt in das Verzeichnis der unteren Ebene.

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. Schreiben Sie:


index.html

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


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

Angenommen, Sie registrieren den Domainnamen www.jb51.net 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.jb51.net/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.jb51.net/html_tutorials/. index.html.