Heim  >  Artikel  >  Web-Frontend  >  Der Unterschied zwischen relativen Pfaden und absoluten Pfaden in HTML

Der Unterschied zwischen relativen Pfaden und absoluten Pfaden in HTML

小云云
小云云Original
2018-05-18 14:20:207774Durchsuche

Bei der tatsächlichen Webentwicklung sind für das Einfügen von Bildern, einschließlich CSS-Dateien usw., Pfade erforderlich. Wenn der Dateipfad falsch hinzugefügt wird, wird die Referenz ungültig (die verknüpfte Datei kann nicht durchsucht werden oder das eingefügte Bild kann nicht angezeigt werden). usw.). Viele Anfänger sind verwirrt. Im Folgenden werde ich relative Pfade und absolute Pfade im Detail vorstellen.

HTML relativer Pfad

bezieht sich auf die Pfadbeziehung zu anderen Dateien (oder Ordnern), die durch den Pfad verursacht wird, in dem sich diese Datei befindet.

Zum Beispiel:

Der absolute Pfad der Datei 1.htm ist: d:/www/html/1.htm

Der absolute Pfad der Datei 2.htm ist : d: /www/html/2.htm

Dann: Der Pfad von 1.htm relativ zu 2.htm ist: 1.htm

So verwenden Sie relative Links:

Wenn Sie auf dasselbe Verzeichnis verlinken möchten, müssen Sie nur den Namen des zu verlinkenden Dokuments eingeben, zum Beispiel:

<a href =”1 htm”>网页链接 </a>
<img src=”bg.jpg” />

Wenn Sie auf ein Verzeichnis auf einer niedrigeren Ebene verlinken, müssen Sie dies tun Geben Sie zuerst den Verzeichnisnamen ein, fügen Sie dann „/“ hinzu und geben Sie dann den Dateinamen ein, zum Beispiel:

<a href =”html/ next.htm”>
<img src=”images/bg.jpg” />

Wenn Sie eine Verbindung zum Verzeichnis der oberen Ebene herstellen, müssen Sie zuerst „../“ eingeben. und geben Sie dann den Verzeichnisnamen und den Dateinamen ein, zum Beispiel:

<a href = “../ www/index.htm”>

Beispielzusammenfassung

Es gibt jetzt 4 HTML-Dateien, nämlich aaa.html bbb.html ccc.html index.html

  • Der Pfad von aaa.html ist: D :/www/adminwang/html/aaa.html

  • Der Pfad von bbb.html ist: D:/www/adminwang/ bbb.html

  • Der Pfad von ccc.html ist: D:/www/ ccc.html

  • Der Pfad von index.html ist D:/www/ index.html

Dateien im selben Verzeichnis verknüpfen

Zum Beispiel der Code für ccc.html Der Dateilink index.html lautet wie folgt:

1

305d00088a9fb865a7585b66d8889f6b链接index网页5db79b134e9f6b82c0b36e0489ee08ed

1


9db45e8afa9ab2f5b42aeb63ac5b7ef8Link zur Index-Webseite5db79b134e9f6b82c0b36e0489ee08ed

Link zur Datei im vorherigen Verzeichnis

1

f7c6053457ddb53b231ac027284d456e链接ccc网页5db79b134e9f6b82c0b36e0489ee08ed

Zum Beispiel der Code zum Verknüpfen von bbb.html mit ccc. html lautet wie folgt:
1

1

65a3ea4b342909beb02e2eeb0b82f12e链接ccc网页5db79b134e9f6b82c0b36e0489ee08ed

1


25aa3b5c289c4c66b96d5fd0442f58fc链接ccc网页5db79b134e9f6b82c0b36e0489ee08ed

链接下级目录的文件

1

7e32070a7861a5e79da29b03470e9c7a链接bbb网页5db79b134e9f6b82c0b36e0489ee08ed

例如ccc.html链接bbb.html的代码如下:

1

9e034279dd40b1ba20c44514ec057fd5链接bbb网页5db79b134e9f6b82c0b36e0489ee08ed

1

61c1505d84d9919b34093872221cde04链接aaa网页5db79b134e9f6b82c0b36e0489ee08ed

链接下2层目录的文件例如ccc.html链接aaa.html的代码如下:
1 c25e5217a622a1d1d3e9ef35315d9a91链接aaa网页5db79b134e9f6b82c0b36e0489ee08ed

HTML绝对路径

为文件提供的完全路径,包括适用的协议或盘符。也就是你的主页上的文件或目录在硬盘上真正的完整的路径。例如:

http://www.adminwang.com/index.htm
d:/ www /html/images/bg.jpg

绝对路径没有什么好说的,相对路径掌握了,绝对路径就很简单了。

相关推荐:
HTMLa标签的href属性指定相对路径与绝对路径使用方法

html的绝对路径和相对路径怎么使用

php算法实现相对路径的案例

Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen relativen Pfaden und absoluten Pfaden in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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