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

发布时间：2020-12-14 21:18:39 所属栏目：资源来源：网络整理

导读：我想要一个包含一组新的html文件的新文件夹.其中的所有图像都采用src =“image.png”格式,image.png位于根文件夹中.但是当您将HTML文件放在新文件夹中时,它无法找到图像.您必须使用src =“../ root folder / folder / image.png”格式才能使其正常工作.这意

我想要一个包含一组新的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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!