Heim > Web-Frontend > HTML-Tutorial > So verwenden Sie absolute und relative Pfade in HTML

So verwenden Sie absolute und relative Pfade in HTML

php中世界最好的语言
Freigeben: 2017-11-23 16:29:38
Original
4741 Leute haben es durchsucht

Wenn wir auf Dateien verweisen, ist jeder Pfad anders. Heute werden wir die Gemeinsamkeiten und Unterschiede zwischen absoluten Pfaden und relativen Pfaden besprechen, damit wir in Zukunft Vor- und Nachteile unterscheiden können.

Relativer Pfad: Ein Verzeichnispfad, der basierend auf dem Speicherort der Webseite erstellt wird, die auf die Datei verweist. Wenn in verschiedenen Verzeichnissen gespeicherte Webseiten auf dieselbe Datei verweisen, sind die verwendeten Pfade daher unterschiedlich und werden daher als relativ bezeichnet.

Absoluter Pfad: Ein Verzeichnispfad basierend auf dem Stammverzeichnis der Website. Der Grund, warum es als „absolut“ bezeichnet wird, bedeutet, dass die verwendeten Pfade dieselben sind, wenn alle Webseiten auf dieselbe Datei verweisen.

Tatsächlich liegt der Unterschied zwischen absoluten Pfaden und relativen Pfaden in den Referenzpunkten, die bei der Beschreibung von Verzeichnispfaden verwendet werden. Da der Referenzpunkt des Stammverzeichnisses für alle Dateien auf der Website gleich ist, wird die Pfadbeschreibungsmethode, die das Stammverzeichnis als Referenzpunkt verwendet, als absoluter Pfad bezeichnet.

Spezielle Symbole für Pfade

Im Folgenden sind einige spezielle Symbole aufgeführt, die zum Erstellen von Pfaden verwendet werden, und ihre Bedeutung.

"." – stellt das aktuelle Verzeichnis dar, relativer Pfad. Zum Beispiel: text oder

".." – stellt die vorherige Ebene dar Verzeichnis, relativer Pfad. Zum Beispiel: text oder

"../../" -- stellt das Verzeichnis oberhalb des vorherigen Verzeichnisses dar, einen relativen Pfad. Beispiel:

"/" – stellt das Stammverzeichnis dar, absoluter Pfad. Zum Beispiel: text oder

"D:/abc/" – stellt die Wurzel dar Verzeichnis, absoluter Pfad.

Bei der Verwendung relativer Pfade verwenden wir das Symbol „.“ zur Darstellung des aktuellen Verzeichnisses und das Symbol „..“ zur Darstellung des übergeordneten Verzeichnisses des aktuellen Verzeichnisses.

Beliebte Erklärung von Pfaden

Absoluter Pfad Wie der Name schon sagt, wird das Ausfüllen der absoluten Verzeichnispfadadresse als absoluter Pfad bezeichnet. Normalerweise verwenden wir direkt „/“, um den Verzeichnispfad darzustellen das Stammverzeichnis. Dies wird als absoluter Pfad bezeichnet.

Relativer Pfad, wie der Name schon sagt, verwenden Sie beim Ausfüllen des Verzeichnisses die Verzeichnisdatei als Referenz. Verwenden Sie „../“ oder „./“, um auf die vorherige Ebene zu verweisen, oder verwenden Sie „.. /../", um auf die vorherige Ebene zu verweisen. Dies wird als relativer Pfad bezeichnet.

Referenz                                                                                                                                                                                        .htm divcss5.gif ../../Dir1/SubDir2/ BeRef1.gif . / Dir2/abc1.htm

URL4 .htm abc2.htm ../abc2.htm /Dir2/abc2.ht m

Hinweis:

Wir verwenden „/“, „ ../“ und „../.. /“ formatieren und führen die relative absolute Pfadbeziehung zwischen dem

Bild

-Pfad und dem URL-Pfad ein.

Welche Funktionen haben absolute Pfade und relative Pfade?

Es können sowohl relative als auch absolute Pfade ineinander konvertiert werden. Achten Sie bei der Konvertierung lediglich auf den richtigen Pfad. Der Effekt ist der effektive Linkpfad.

Welche Beziehung besteht zwischen relativen Pfaden und absoluten Pfaden und CSS?

1. Wenn wir Bildadressen in CSS einführen, können wir relative Pfade und absolute Pfade verwenden

2. Wenn wir CSS-Dateien in HTML in DIV+CSS-HTML einführen,

Wann Beim Hinzufügen von Bildern

werden relative Pfade und absolute Pfade verwendet

Das Obige ist die Beziehung zwischen absoluten Pfaden und relativen Pfaden. Ich glaube, dass jeder durch unsere Einführung ein klareres Verständnis hat. Weitere spannende Inhalte finden Sie auf der chinesischen PHP-Website

und anderen verwandten Artikeln!

Verwandte Lektüre:

So verwenden Sie den HTML5
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