相对链接<img/>标记src

Question

我有一个位于localhost/about/的HTML页面和一个位于localhost/images.的图片在我的HTML中，我有一个img标记，如下所示：

img src="../images/logo.png"

当我在浏览器中查看此页面时，徽标图像会显示一秒钟，并显示alt文本。检查图像信息，src中的页面更改为"localhost/about/images/logo.png".

编辑：我正在显示这样的图片。

 <!-- header-left start -->
 <!-- ================ -->
 <div class="header-left">
     <div class="logo">
         <a href="../"><img id="logo" src="../images/logo.png" alt="Alt Text" width="196" height="60"></a>
     </div>
 </div>
 <!-- header-left end -->

文件夹结构：

我对这个相对路径来源做错了吗？

Answer 1

您可能想要检查baseURI javascript对象的document属性。 As defined by MDN：

  

当浏览器需要获取绝对URL时，基本URL用于解析相对URL，例如在处理HTML元素的src属性或XML xlink：href属性时。

通过在Javascript控制台中输入以下内容来检查基本URL值：

console.log(document.baseURI);