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

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:

< td class="gutter" style="font-family:Monaco, Menlo, Consolas, 'Courier New', monospace;margin:0px;padding:9.5px 0px 9.5px 9.5px;background-color:rgb(247,247,249);border -right-color:rgb(225,225,232);float:none;line-height:1.7em; Vertical-align:baseline;min-height:auto;font-size:13px;color:rgb(175,175,175);">

1

链接index网页

1

< a href="index.html">Link zur Index-Webseite

Link zur Datei im vorherigen Verzeichnis

1

链接ccc网页

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

<🎜>1<🎜>

1

链接ccc网页

1

链接ccc网页

链接下级目录的文件

1

链接bbb网页

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

1

链接bbb网页

1

链接aaa网页

<🎜>< 🎜>链接下2层目录的文件<🎜><🎜>例如ccc.html链接aaa.html的代码如下：<🎜>

<🎜>1<🎜>

<🎜>链接aaa网页<🎜>

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!