Question

我在href和src等属性中使用相对网址。我是否真的需要在路径前使用./和../才能正确建立链接？

当我完成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"

<{1}}内的

会链接到about.html而非website-project/img/image.png，从而导致错误。

2016年7月7日更新

在website-project/about/img/image.png内页，如果我使用index.html制作<a>而不是链接到：{/ p>

href="/about/about.html

它链接到：

file:///home/guizo/Documents/website-project/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

试试这个＆＃39; /img/image.png'。 /表示网站的根目录。

我在HTML文件路径上需要“./”和“../”吗？

2 个答案: