Analyse des Unterschieds zwischen relativem und absolutem HTML-Pfad
|
Gerade HTML-Anfänger stehen häufig vor dem Problem, eine Datei richtig zu referenzieren. Wie verweisen Sie beispielsweise in einer HTML-Seite als Hyperlink auf eine andere HTML-Seite? So fügen Sie ein Bild in eine Webseite ein 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 Dateien richtig zu referenzieren, müssen wir uns mit HTML-Pfaden vertraut machen. Es gibt zwei Möglichkeiten, Pfade in HTML 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: c:\Inetpub\wwwroot\sites\blabla\info.html Angenommen, der Pfad zu index.html lautet: c:\Inetpub\wwwroot\sites\blabla\index.html Der Code zum Hinzufügen eines Hyperlinks zu index.html in info.html sollte wie folgt geschrieben werden: <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: c:\Inetpub\wwwroot\sites\blabla\info.html Angenommen, der Pfad zu index.html lautet: c:\Inetpub\wwwroot\sites\index.html Der Code zum Hinzufügen eines Hyperlinks zu index.html in info.html sollte wie folgt geschrieben werden: <a href = "../index.html">index.html</a> Angenommen, der Pfad zu info.html lautet: c:\Inetpub\wwwroot\sites\blabla\info.html Angenommen, der Pfad von index.html lautet: c:\Inetpub\wwwroot\index.html Der Code zum Hinzufügen eines Hyperlinks zu index.html in info.html sollte wie folgt geschrieben werden: <a href = "../../index.html">index.html</a> Angenommen, der Pfad zu info.html lautet: c:\Inetpub\wwwroot\sites\blabla\info.html Angenommen, der Pfad zu index.html lautet: c:\Inetpub\wwwroot\sites\wowstory\index.html Der Code zum Hinzufügen eines Hyperlinks zu index.html in info.html sollte wie folgt geschrieben werden: <a href = "../wowstory/index.html">index.html</a> Wie gibt man an, dass ein Unterverzeichnis auf eine Datei in einem Unterverzeichnis verweist? Schreiben Sie einfach den Pfad der Unterverzeichnisdatei. Angenommen, der Pfad zu info.html lautet: c:\Inetpub\wwwroot\sites\blabla\info.html Angenommen, der Pfad zu index.html lautet: c:\Inetpub\wwwroot\sites\blabla\html\index.html Der Code zum Hinzufügen eines Hyperlinks zu index.html in info.html sollte wie folgt geschrieben werden: <a href = "html/index.html">index.html</a> Angenommen, der Pfad zu info.html lautet: c:\Inetpub\wwwroot\sites\blabla\info.html Angenommen, der Pfad zu index.html lautet: c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html Der Code zum Hinzufügen eines Hyperlinks zu index.html in info.html sollte wie folgt geschrieben werden: <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 registrieren den Domänennamen www.jb51.net und beantragen einen virtuellen Host. Ihr virtueller Host-Anbieter stellt Ihnen ein Verzeichnis wie www zur Verfügung. Dieses www ist das Stammverzeichnis Ihrer Website. Angenommen, Sie legen eine Datei index.html im WWW-Stammverzeichnis ab. Der absolute Pfad dieser Datei lautet: https://www.jb51.net/index.html. Angenommen, Sie haben im Stammverzeichnis www ein Verzeichnis mit dem Namen html_tutorials erstellt und dann eine Datei index.html in das Verzeichnis eingefügt. Der absolute Pfad dieser Datei lautet https://www.jb51.net/html_tutorials/index.html. |
<<: Implementierungsbeispiel für ein JS-natives zweispaltiges Shuttle-Auswahlfeld
>>: Vier Möglichkeiten, CSS und HTML zu kombinieren
Artikel empfehlen
Detaillierte Erläuterung von MySQL-Abfragebeispielen für mehrere Tabellen [Linkabfrage, Unterabfrage usw.]
Dieser Artikel beschreibt MySQL-Mehrtabellenabfra...
Das Vue-Projekt realisiert das Zeichnen eines Wasserzeichens in einem bestimmten Bereich
In diesem Artikel erfahren Sie, wie Sie mit Vue e...
Einführung in die neuen Funktionen von MySQL 8.0.11
MySQL 8.0 für Windows v8.0.11 offizielle kostenlo...
js implementiert einige Funktionen der Eingabekomponente in Element und kapselt sie in eine Komponente (Beispielcode)
Derzeit sind die Felder „Grundlegende Verwendung“...
Ein vollständiges Tutorial zur Verwendung der Axios-Kapselung in Vue
Vorwort Heutzutage wird in Projekten häufig die A...
Perfekte Lösung für das Problem des Verbindungsfehlers nach der MySQL-Client-Autorisierung
Stellen Sie die MySQL-Umgebung lokal bereit (192....
Detaillierte Erklärung der Eigenschaften und Instanzverwendung von hasOwnProperty in js
1. js schützt hasOwnProperty nicht vor unrechtmäß...
Bei der Installation von MySQL5.7.18winX64 unter Windows 10 konnte der Server nicht gestartet werden und es wurde keine Fehlermeldung angezeigt.
Systemumgebung: Win10 64-bit MySQL-Version: mysql...
Rückblick auf die besten Webdesign-Arbeiten 2012 [Teil 1]
Zum Beginn des neuen Jahres möchte ich meinen Fre...
Wie versteht JS Daten-URLs?
Inhaltsverzeichnis Überblick Erste Schritte mit D...
JS implementiert den Beispielcode der Dezimalkonvertierung in Hexadezimal
Vorwort Beim Schreiben von Code stoßen wir gelege...
Vue implementiert die browserseitige Code-Scan-Funktion
Hintergrund Vor nicht allzu langer Zeit habe ich ...
Eine kurze Diskussion über die Unterschiede und eine Zusammenfassung der drei Gleitkommatypen Float, Double und Decimal in MySQL
Die Speichergröße und der Bereich jedes Gleitkomm...
Details zur Verwendung von „order by“ in MySQL
Inhaltsverzeichnis 1. Einleitung 2. Haupttext 2.1...
Mysql 5.6 fügt eine Methode zum Ändern von Benutzername und Passwort hinzu
Melden Sie sich zuerst bei MySQL an Shell> MyS...