HTML文件路徑上是否需要“ ./”和“ ../”？

Question

我在href和src等屬性中使用相對URL。 在路徑正確建立鏈接之前，我真的需要使用./和../嗎？

完成index.html的編碼后，我將代碼復制並在項目的其他.html文件中使用。 我發現必須糾正每條路徑而感到沮喪。

我的項目文件夾結構如下：

website-project folder
      index.html

      css folder
          style.css

      img folder
           image.png

      about folder
          about.html

如果我使用index.html代碼啟動about.html ，則需要將乞求的每個路徑都從./更改為../ 。 使用“查找和替換”工具可以使它更容易，但是如果我可以基於根文件夾而不是當前文件夾鏈接到路徑，那還是更好。 例如：

使用

href="website-project/img/image.png"

在about.html內部將鏈接到website-project/img/image.png而不是website-project/about/img/image.png ，這會導致錯誤。

2016年7月7日更新

在index.html頁面中，如果我使用href="/about/about.html而不是鏈接到<a>進行鏈接：

file:///home/guizo/Documents/website-project/about.html

它鏈接到：

file:///about/about.html

其他鏈接也是如此：

Answer 1

嘗試使用

href="/img/image.png"

/指您的根目錄。

編輯：以上不適用於本地靜態網站。 在這些情況下，您應該嘗試使用<BASE href />標記，該標記鏈接到固定的基地址。 可以如下使用：

對於index.html ：

<html>
    <head>
        <title>index</title>
        <BASE href="file:///home/guizo/Documents/website-project/" />
    </head>
    <body>
        <a href="about/about.html">Go to about</a>
    </body>
</html>

對於about.html ：

<html>
    <head>
        <title>About</title>
        <BASE href="file:///home/guizo/Documents/website-project/" />
    </head>
    <body>
        <a href="index.html">Go to index</a>
    </body>
</html>

Answer 2

試試這個“ /img/image.png”。 /代表網站的根目錄。

HTML文件路徑上是否需要“ ./”和“ ../”？

問題描述

2 個解決方案

解決方案1
0 已采納 2016-07-06 04:23:55

解決方案2
0 2016-07-06 04:25:09

HTML文件路徑上是否需要“ ./”和“ ../”？

問題描述

2 個解決方案

解決方案1 0 已采納 2016-07-06 04:23:55

解決方案2 0 2016-07-06 04:25:09

解決方案1
0 已采納 2016-07-06 04:23:55

解決方案2
0 2016-07-06 04:25:09