基本元素在我的本地机器上不起作用答案

【问题标题】：base element is not working in my local machine基本元素在我的本地机器上不起作用
【发布时间】：2015-03-02 17:15:10
【问题描述】：

我正在本地机器上尝试这个基本元素，但它不起作用。

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>this is an html base element exampe</title>
        <base href="/home/sugumar/Desktop/html/base.html"/>
    </head>
    <body>
        <p>Is it working</p>
        <a href="/images/ptsb.html">click here</a>
        <img src="/images/html5.png">
    </body>
</html>

链接失效。
图片未显示。

我正在使用 Debian 和 Mozilla Firefox。

【问题讨论】：

您应该使用浏览器的开发工具来调试问题。如果您检查请求的 URL，我认为您会很快发现问题。
Not Found 当我点击链接时它显示错误。在此服务器上找不到请求的 URL /home/sugumar/Desktop/html/images/ptsb.html。 Apache/2.4.10 (Ubuntu) 服务器在 localhost 端口 80
Base 指的是基本文件夹，而不是文件。它应该是您的 index.html 文件的根文件夹

标签： html image href base

【解决方案1】：

URL /home/sugumar/Desktop/html/base.html 是相对于服务器根目录的，因为它以斜杠字符 / 开头。在本地查看文档时，没有服务器，因此没有服务器根，因此设置基本 URL 的效果是不确定的。

解决办法是不要使用base元素，而是设置相对于当前文档的地址，例如../images/ptsb.html.

【讨论】：