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

前端之家收集整理的这篇文章主要介绍了在站点根文件夹中的文件夹中定义HTML的根目录前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想要一个包含一组新的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

猜你在找的HTML相关文章