Tiefgreifendes Verständnis des relativen Pfads (Relative Path) und des absoluten Pfads (Absolute Path) in HTML
|
Ich beschäftige mich seit über einem Jahr mit Java-Webentwicklung und es ist unvermeidlich, HTML- oder JSP-Seiten zu schreiben. Die leistungsstarke Funktion von Webanwendungen liegt in ihren Hyperlinks (Hyperlink). Beispielsweise speichert Seite A die Linkadresse (d. h. URI), die auf Seite B verweist, aber genau hier liegt das Problem, wie eine Datei korrekt referenziert wird. Wie verweisen Sie beispielsweise in einer HTML-Seite als Hyperlink auf eine andere HTML-Seite? Wie fügt man ein Bild in eine Webseite ein? ...... Darüber hinaus sind relative Pfade in Struts sehr beliebt, sodass es leicht zu Verwirrung kommen kann, wenn Sie nicht aufpassen. Wenn Sie beim Verweisen auf eine Datei (z. B. beim Hinzufügen eines Hyperlinks oder Einfügen eines Bildes usw.) den falschen Dateipfad verwenden, wird der Verweis ungültig (die verknüpfte Datei kann nicht durchsucht werden oder das eingefügte Bild kann nicht angezeigt werden usw.). Um diese Fehler zu vermeiden und die Dokumente korrekt zu zitieren, habe ich die Unterschiede und Verwendungen zum späteren Nachschlagen aufgeschrieben. In HTML gibt es zwei Möglichkeiten, Pfade zu schreiben: relative Pfade und absolute Pfade Relativer HTML-Pfad Dateiverweise im selben Verzeichnis. Wenn sich die Quelldatei und die referenzierte Datei im selben Verzeichnis befinden, schreiben Sie einfach den referenzierten Dateinamen. Wir erstellen jetzt eine Quelldatei info.HTML und referenzieren die Datei index.HTML als Hyperlink in info.HTML. Angenommen, der Pfad zu info.HTML lautet: d:\tomcat\webapps\hello\blabla\info.HTML Angenommen, der Pfad zu index.HTML lautet: d:\tomcat\webapps\hello\blabla\index.HTML Der Code zum Hinzufügen eines Hyperlinks zu index.HTML in info.HTML sollte wie folgt geschrieben werden: Code kopieren Der Code lautet wie folgt:<a href = "index.HTML">index.HTML</a> So geben Sie das übergeordnete Verzeichnis an ../ stellt das übergeordnete Verzeichnis der Quelldatei dar, ../../ stellt das übergeordnete Verzeichnis der Quelldatei dar und so weiter. Angenommen, der Pfad zu info.HTML lautet: d:\tomcat\webapps\hello\blabla\info.HTML Angenommen, der Pfad zu index.HTML lautet: d:\tomcat\webapps\hello\index.HTML Der Code zum Hinzufügen eines Hyperlinks zu index.HTML in info.HTML sollte wie folgt geschrieben werden: Code kopieren Der Code lautet wie folgt:<a href = "../index.HTML">index.HTML</a> Angenommen, der Pfad von info.HTML lautet: d:\tomcat\webapps\hello\blabla\wowstory\info.HTML Angenommen, der Pfad zu index.HTML lautet: d:\tomcat\webapps\hello\index.HTML Der Code zum Hinzufügen eines Hyperlinks zu index.HTML in info.HTML sollte wie folgt geschrieben werden: Code kopieren Der Code lautet wie folgt:<a href = "../../index.HTML">index.HTML</a> Angenommen, der Pfad zu info.HTML lautet: d:\tomcat\webapps\hello\blabla\info.HTML Angenommen, der Pfad „index.HTML“ lautet: d:\tomcat\webapps\hello\wowstory\index.HTML Der Code zum Hinzufügen eines Hyperlinks zu index.HTML in info.HTML sollte wie folgt geschrieben werden: Code kopieren Der Code lautet wie folgt:<a href = "../wowstory/index.HTML">index.HTML</a> So stellen Sie ein Unterverzeichnis dar <br />Um auf eine Datei in einem Unterverzeichnis zu verweisen, schreiben Sie einfach den Pfad der Unterverzeichnisdatei. Angenommen, der Pfad zu info.HTML lautet: d:\tomcat\webapps\hello\blabla\info.HTML Angenommen, der Pfad zu index.HTML lautet: d:\tomcat\webapps\hello\blabla\HTML\index.HTML Der Code zum Hinzufügen eines Hyperlinks zu index.HTML in info.HTML sollte wie folgt geschrieben werden: Code kopieren Der Code lautet wie folgt:<a href = "HTML/index.HTML">index.HTML</a> Angenommen, der Pfad zu info.HTML lautet: d:\tomcat\webapps\hello\blabla\info.HTML Angenommen, der Pfad zu index.HTML lautet: d:\tomcat\webapps\hello\blabla\HTML\tutorials\index.HTML Der Code zum Hinzufügen eines Hyperlinks zu index.HTML in info.HTML sollte wie folgt geschrieben werden: Code kopieren Der Code lautet wie folgt:<a href = "HTML/tutorials/index.HTML">index.HTML</a> Absoluter HTML-Pfad Der absolute HTML-Pfad bezieht sich auf den vollständigen Pfad der Datei mit dem Domänennamen. Angenommen, Sie haben den Domänennamen www.jb51.net registriert und einen virtuellen Host beantragt. Der Anbieter des virtuellen Hosts stellt Ihnen ein Verzeichnis wie www zur Verfügung. Dieses www ist das Stammverzeichnis der Website. Angenommen, im Stammverzeichnis www gibt es eine Datei index.HTML. Der absolute Pfad dieser Datei lautet: https://www.jb51.net/index.html. Angenommen, im Stammverzeichnis www wird ein Verzeichnis mit dem Namen HTML_tutorials erstellt und dann eine Datei index.HTML in dieses Verzeichnis eingefügt. Der absolute Pfad dieser Datei lautet https://www.jb51.net/article/32759.htm. |
<<: Bringen Sie Ihnen bei, wie Sie coole Barcode-Effekte erstellen
>>: Vorteile von MySQL-Abdeckungsindizes
Artikel empfehlen
WeChat-Applet: benutzerdefinierter TabBar-Schrittdatensatz
Inhaltsverzeichnis 1. Einleitung 2. Passen Sie de...
So ändern Sie die Schaltfläche „Durchsuchen“ des HTML-Formulars zum Hochladen von Dateien
Code kopieren Der Code lautet wie folgt: <!DOC...
Beispiel für die Implementierung von Unterstreichungseffekten mit CSS und JS
In diesem Artikel werden hauptsächlich zwei Arten...
So implementieren Sie das Prototypmuster in JavaScript
Überblick Das Prototypmuster bezieht sich auf den...
ThingJS-Partikeleffekte, um Regen- und Schneeeffekte mit einem Klick zu erzielen
Inhaltsverzeichnis 1. Partikeleffekte 2. Laden Si...
Zabbix-Konfiguration DingTalk-Alarmfunktions-Implementierungscode
brauchen Das Konfigurieren von DingTalk-Alarmen i...
Gängige Stile von CSS-Animationseffekten
Animation Definieren Sie eine Animation: /*Legen ...
JavaScript implementiert den Front-End-Countdown-Effekt
In diesem Artikel wird der spezifische JavaScript...
3D-Tunneleffekt implementiert durch CSS3
Der erzielte EffektImplementierungscode html <...
Teilen Sie 20 JavaScript-Einzeilencodes
Inhaltsverzeichnis 1. Holen Sie sich den Wert des...
Zusammenfassung von vier Situationen gemeinsamer Abfragen zwischen zwei Tabellen in MySQL
Um umfassendere Ergebnisse zu erhalten, müssen wi...
Tiefgreifendes Verständnis der sieben Kommunikationsmethoden von Vue-Komponenten
Inhaltsverzeichnis 1. Requisiten/$emit Einführung...
Eine kurze Erläuterung der richtigen Vorgehensweise bei der Wiederherstellung von MySQL-Tabellenbereichen
Inhaltsverzeichnis Vorbemerkungen Reproduktion de...
Hinweise zur Verwendung von $refs in Vue-Instanzen
Während des Entwicklungsprozesses verwenden wir h...
Vue Shuttle-Box ermöglicht Auf- und Abbewegung
In diesem Artikelbeispiel wird der spezifische Co...