Heim > Web-Frontend > HTML-Tutorial > Vertiefendes Verständnis des relativen HTML-Pfads (Relative Path) und des absoluten Pfads (Absolute Path)_HTML/Xhtml_Webseitenproduktion

Vertiefendes Verständnis des relativen HTML-Pfads (Relative Path) und des absoluten Pfads (Absolute Path)_HTML/Xhtml_Webseitenproduktion

WBOY
Freigeben: 2016-05-16 16:40:52
Original
1484 Leute haben es durchsucht

Ich beschäftige mich seit mehr als einem Jahr mit der Java-Webentwicklung. Die Stärke von Webanwendungen liegt in ihren Hyperlinks (Hyperlink). auf Seite b (also URI), aber das Problem liegt genau hier, wie man eine Datei richtig referenziert. Wie kann man beispielsweise als Hyperlink in einer HTML-Webseite auf eine andere HTML-Webseite verweisen? Wie füge ich ein Bild in eine Webseite ein? ...
Darüber hinaus sind relative Pfade auch in Streben sehr beliebt, und es kann leicht zu Verwirrung kommen, wenn man nicht aufpasst.

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.), wird der Verweis ungültig (die verknüpfte Datei kann nicht durchsucht werden oder das eingefügte Bild kann nicht durchsucht werden). kann nicht angezeigt werden usw.).

Um diese Fehler zu vermeiden, zitieren Sie die Dokumente korrekt und notieren Sie die Unterschiede und Verwendungen, damit Sie sie in Zukunft überprüfen können.

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

HTML relativer Pfad (relativer Pfad)
Dateiverweise im selben Verzeichnis
Wenn sich die Quelldatei und die Referenzdatei im selben Verzeichnis befinden, schreiben Sie einfach direkt den Namen der Referenzdatei.

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

Angenommen, der info.HTML-Pfad ist: d:tomcatwebappshelloblablainfo.HTML
Angenommen, der index.HTML-Pfad ist: d:tomcatwebappshelloblablaindex.HTML
Der Code zum Hinzufügen des index.HTML-Hyperlinks zu info. HTML sollte so aussehen. Schreiben Sie:

Code kopieren
Der Code lautet wie folgt:

Wie man das Verzeichnis der oberen Ebene darstellt
../ darstellt das übergeordnete 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 info.HTML-Pfad ist: d:tomcatwebappshelloblablainfo.HTML
Angenommen, der index.HTML-Pfad ist: d:tomcatwebappshelloindex.HTML
Der Code zum Hinzufügen des index.HTML-Hyperlinks zu info. HTML sollte so aussehen. Schreiben Sie:

Code kopieren
Der Code lautet wie folgt:

Angenommen, der info.HTML-Pfad ist: d:tomcatwebappshelloblablawstoryinfo.HTML
Angenommen, der index.HTML-Pfad lautet: d:tomcatwebappshelloindex. HTML
Der Code zum Hinzufügen eines index.HTML-Hyperlinks zu info.HTML sollte wie folgt geschrieben werden:

Code kopieren
Code wie folgt:

index.HTML 🎜>
Angenommen, der info.HTML-Pfad lautet: d:tomcatwebappshelloblablainfo.HTML
Angenommen, der index.HTML-Pfad lautet: d:tomcatwebappshellowowowstoryindex.HTML
Der Code zum Hinzufügen des index.HTML-Hyperlinks to info.HTML sollte wie folgt geschrieben werden:


Code kopierenDer Code lautet wie folgt:

So stellen Sie das untergeordnete Verzeichnis dar bezieht sich auf die Datei im Verzeichnis der unteren Ebene. Schreiben Sie einfach den Pfad der Datei direkt in das Verzeichnis der unteren Ebene.

Angenommen, der info.HTML-Pfad ist: d:tomcatwebappshelloblablainfo.HTML
Angenommen, der index.HTML-Pfad ist: d:tomcatwebappshelloblablaHTMLindex.HTML
Der Code zum Hinzufügen des index.HTML-Hyperlinks zu info. HTML sollte so aussehen. Schreiben Sie:


Code kopierenDer Code lautet wie folgt:
Angenommen, der info.HTML-Pfad ist: d:tomcatwebappshelloblablainfo.HTML
Angenommen, der Index Der .HTML-Pfad lautet: d:tomcatwebappshelloblablaHTMLtutorialsindex.HTML
Der Code zum Hinzufügen eines index.HTML-Hyperlinks zu info.HTML sollte wie folgt geschrieben werden:


Kopieren der CodeDer Code lautet wie folgt:
index.HTML 🎜>

Absoluter HTML-Pfad (absoluter Pfad)
Absoluter HTML-Pfad (absoluter Pfad) bezieht sich auf den vollständigen Pfad einer Datei mit einem Domänennamen.

Angenommen, Sie registrieren den Domainnamen www.jb51.net und beantragen einen virtuellen Host. Der virtuelle Hostanbieter stellt Ihnen ein Verzeichnis zur Verfügung, z. B. www. Dies ist das Stammverzeichnis der Website.

Angenommen, eine Datei index.HTML befindet sich im WWW-Stammverzeichnis. Der absolute Pfad dieser Datei lautet: http://www.jb51.net/index.html.Angenommen Erstellen Sie im WWW-Stammverzeichnis ein Verzeichnis mit dem Namen HTML_tutorials und platzieren Sie dann eine Datei index.HTML im Verzeichnis. Der absolute Pfad dieser Datei lautet http://www.jb51.net/article/32759.htm.
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