Question

我想要一个包含一组新html文件的新文件夹。其中的所有图像都采用src="image.png"格式，image.png位于根文件夹中。但是当您将HTML文件放在新文件夹中时，它无法找到图像。您必须使用src="../root folder/folder/image.png"格式才能使其正常工作。这意味着很多粘贴。我已经尝试将image.png放在文件夹中但没有变化。

Answer 1

使用<base> element.它允许您为页面中的所有相对URL指定URL。

例如

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>This is an example for the <base> element</title>
        <base href="http://www.example.com/news/index.html">
    </head>
    <body>
        <p>Visit the <a href="archives.html">archives</a>.</p>
    </body>
</html>

此示例中的链接是指向“http://www.example.com/news/archives.html”的链接。

对您而言，基本网址可能与<base href="http://www.yoursite.com/">一样简单。这会将指定为src="image.png"的图片解析为"http://www.yoursite.com/image.png"

另见https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base

Answer 2

您需要设置base标记。如果您在页面<head>中添加标记，请执行以下操作：

<base href="http://yoursite.tld/folder/">

它应显示图像和相对于此基本路径的源。

在站点根文件夹中的文件夹中定义HTML的根目录

2 个答案: