我想要一个包含一组新的html文件的新文件夹.其中的所有图像都采用src =“image.png”格式,image.png位于根文件夹中.但是当您将HTML文件放在新文件夹中时,它无法找到图像.您必须使用src =“../ root folder / folder / image.png”格式才能使其正常工作.这意味着很多粘贴.我已经尝试将image.png放在文件夹中,但没有变化.
解决方法
使用
<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”的链接.
对您而言,基本URL可能与< 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