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

JavaScript zur Implementierung des Flugzeugkriegsspiels

Öffentlicher Upload-Bereich für mehrere Typen von Anhangsbildern auf der Vue-Seite und anwendbares Faltfenster (Beispielcode)

In Front-End-Projekten ist das Hochladen von Anhä...

Analyse des Unterschieds zwischen absolutem und relativem Pfad in HTML

JavaScript zur Implementierung des Flugzeugkriegsspiels

10 Tipps zur Verbesserung der Website-Benutzerfreundlichkeit

Ausführliches Tutorial zur Installation und Konfiguration von MySQL 8.0.20

Detaillierte Einführungshinweise zu Vue

Implementierung der Vue-Einzeldateikomponente

Eine detaillierte Analyse des Mordes, der durch ein falsch platziertes Anführungszeichen in MySQL verursacht wurde

So installieren Sie Git unter Linux

Unterschied zwischen MySQL Btree-Index und Hash-Index

Beispiel einer Nginx-Standortübereinstimmungsregel

JavaScript implementiert die zufällige Generierung von Bestätigungscode und Bestätigung

Artikel empfehlen

Eine kurze Erläuterung des Navigationsfensters in Iframe-Webseiten

Über den Lösungseintrag zur fehlenden Reaktion der Seite bei Verwendung von window.print() in React

Verwenden Sie Smart CSS, um Stile basierend auf der Scrollposition des Benutzers anzuwenden

Zusammenfassung der grundlegenden Operationen für MySQL-Anfänger

Öffentlicher Upload-Bereich für mehrere Typen von Anhangsbildern auf der Vue-Seite und anwendbares Faltfenster (Beispielcode)

Detaillierte Erklärung zur korrekten Installation von OpenCV auf Ubuntu

So finden Sie den angegebenen Inhalt einer großen Datei in Linux

So fügen Sie Videos in HTML ein und machen sie mit allen Browsern kompatibel

Implementierung des Imports und Exports von Docker-Images

Der Unterschied zwischen MySQL-Datenbankhost 127.0.0.1 und localhost

Erfahren Sie, wie Sie den Fehler beim Speichern chinesischer Schriftzeichen in der MySQL-Datenbank beheben können

So erklären Sie TypeScript-Generika auf einfache Weise

HTML-Tutorial, HTML-Standardstil

Detaillierte Erklärung dieses Zeigeproblems in JavaScript

Analyse der Ursache des Docker-Fehlers Beendet (1) vor 4 Minuten