Analyse des Unterschieds zwischen absolutem und relativem Pfad in HTML
Wie in der Abbildung gezeigt: Mit einer einzelnen Seite sind viele Dateien verknüpft. Daher müssen Sie beim Verweisen auf Dateien ein gewisses Verständnis der Pfadproblematik haben. Programmierer, die mit der Entwicklung von PHP-Netzwerkprogrammen vertraut sind, verfügen über umfassende Kenntnisse zum Kombinieren von „Define“ und „Include“, um variable Pfade und Verweise zu definieren. Zum Beispiel: Code kopieren Der Code lautet wie folgt:definieren('ROOT_PATH',dirname(__FILE__)); include(ROOT_PATH."/inc/webconfig.php"); include(ROOT_PATH."/inc/sysinfo.php"); include(ROOT_PATH."/inc/functions.php"); include(ROOT_PATH."/inc/db_sql.php"); Diese werde ich als nächstes analysieren. Hauptinhalt: • Das Konzept des relativen Pfads und des absoluten Pfads • Analysieren Sie die Konzepte des relativen Pfads und des absoluten Pfads im Detail Dies ist, was die Betriebssystemklasse zur Dateisuche sagte: absoluter Pfad: In einer baumartigen Verzeichnisstruktur gibt es nur einen einzigen Pfad vom Stammknoten zu einer Datendatei oder Verzeichnisdatei. Verbinden Sie die Verzeichnisdateinamen und Datendateinamen auf dem Pfad vom Stammknoten zu einer Datendatei mit "/", um einen Pfadnamen zu bilden, der zum Zugriff auf die Datendatei verwendet werden kann; relativer Pfad: Für jeden Prozess kann ein "aktuelles Verzeichnis", auch "Arbeitsverzeichnis" genannt, festgelegt werden, sodass Sie bei jeder Dateisuche nicht automatisch einen absoluten Pfad verwenden müssen. Verwenden Sie stattdessen den Pfad der Datei relativ zum aktuellen Verzeichnis. Dies ist ein relativer Pfad. Natürlich ist es etwas abstrakt. Einzelheiten finden Sie in meiner Analyse weiter unten, die hauptsächlich in HTML angewendet wird. Spezifische Analyse 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? Wie fügt man 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 Referenzdatei im selben Verzeichnis befinden, schreiben Sie einfach den Namen der Referenzdatei. Wir erstellen jetzt eine Quelldatei info.html und referenzieren die Datei index.html als Hyperlink in info.html. Angenommen, der Pfad von info.html lautet: c:\Inetpub\wwwroot\sites\blabla\info.html. Angenommen, der Pfad von index.html lautet: c:\Inetpub\wwwroot\sites\blabla\index.html. Der Code zum Hinzufügen eines Hyperlinks zu index.html in info.html sollte folgendermaßen geschrieben werden: So geben Sie das übergeordnete Verzeichnis in <a href = "index.html">index.html</a> an ../ gibt das übergeordnete Verzeichnis der Quelldatei an, https://www.jb51.net/ gibt das übergeordnete Verzeichnis der Quelldatei an 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 folgendermaßen 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\index.html Der Code zum Hinzufügen eines Hyperlinks zu index.html in info.html sollte folgendermaßen geschrieben werden: <a href = "https://www.jb51.net/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 folgendermaßen 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 folgendermaßen 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 folgendermaßen geschrieben werden: <a href = "html/tutorials/index.html">index.html</a>Absoluter HTML-Pfad (Absoluter 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. Einige Referenzen: Der Unterschied zwischen relativem Pfad und absolutem Pfad |
<<: JS erkennt den Fall der Eliminierung von Sternen
>>: Zusammenfassung zur Verwendung von MySQL-Isolationsspalten und Präfixindizes
Artikel empfehlen
Installation und Verwendung der MySQL MyCat-Middleware
1. Was ist mycat Ein vollständig Open Source-Groß...
Implementierungsbeispiel für dynamische Routing-Breadcrumbs für Elemente
Zu meistern: localStorage, Komponentenkapselung Ä...
Das Docker-Intranet erstellt DNS und verwendet den Domänennamenzugriff anstelle des IP:Port-Vorgangs.
Wenn ich beispielsweise einen Jenkins-Server in m...
Mehrere Möglichkeiten zum Einfügen von SVG in HTML-Seiten
SVG (Scalable Vector Graphics) ist ein Bildformat...
Grafisches Tutorial zur Konfigurationsmethode für die kostenlose Installationsversion von MySQL 5.7.20
Ich habe viele relevante Tutorials im Internet ge...
So aktivieren Sie TLS- und CA-Authentifizierung in Docker
Inhaltsverzeichnis 1. Zertifikat generieren 2. Ak...
Vue + elementui realisiert Mehrfachauswahl- und Suchfunktionen der Dropdown-Tabelle
In diesem Artikel wird der spezifische Code von v...
VUE führt die Implementierung der Verwendung von G2-Diagrammen ein
Inhaltsverzeichnis Über G2 Chart verwenden Vollst...
Implementierung der Header-Informationen für Nginx-Operationsantworten
Voraussetzung: Sie müssen das Modul ngx_http_head...
Reparaturlösung für inkonsistenten MySQL GTID-Master und -Slave
Inhaltsverzeichnis Lösung 1: Replikate neu erstel...
Detaillierte Erläuterung der benutzerdefinierten Konfiguration des offiziellen Docker-MySQL-Image
Um Installationszeit zu sparen, habe ich zum Star...
Mysql SQL-Anweisungskommentare
Sie können MySQL-SQL-Anweisungen Kommentare hinzu...
HTML-Tutorial: Ungeordnete Liste
<br />Originaltext: http://andymao.com/andy/...
Lernen Sie die Prinzipien und allgemeinen Operationen von MySQL-Partitionstabellen anhand von Beispielen kennen
1. Bedeutung der Partitionstabelle Eine Partition...
So implementieren Sie einen binären Suchbaum mit JavaScript
Eine der am häufigsten verwendeten und diskutiert...