Heim > Artikel > Web-Frontend > Der Unterschied zwischen relativen Pfaden und absoluten Pfaden in HTML
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
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”>
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 |
f7c6053457ddb53b231ac027284d456e链接ccc网页5db79b134e9f6b82c0b36e0489ee08ed |
1 | |||
|
25aa3b5c289c4c66b96d5fd0442f58fc链接ccc网页5db79b134e9f6b82c0b36e0489ee08ed |
1 |
7e32070a7861a5e79da29b03470e9c7a链接bbb网页5db79b134e9f6b82c0b36e0489ee08ed |
例如ccc.html链接bbb.html的代码如下:
1 | 9e034279dd40b1ba20c44514ec057fd5链接bbb网页5db79b134e9f6b82c0b36e0489ee08ed
|
1 | c25e5217a622a1d1d3e9ef35315d9a91链接aaa网页5db79b134e9f6b82c0b36e0489ee08ed |
为文件提供的完全路径,包括适用的协议或盘符。也就是你的主页上的文件或目录在硬盘上真正的完整的路径。例如:
http://www.adminwang.com/index.htm d:/ www /html/images/bg.jpg
绝对路径没有什么好说的,相对路径掌握了,绝对路径就很简单了。
相关推荐:
HTMLa标签的href属性指定相对路径与绝对路径使用方法
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!