浏览器无法从img标记HTML识别本地路径

Question

我在HTML中的img标签有问题。我尝试使用相对路径和绝对图像文件路径，如下所示：

<img src="../../images/pages/404-page/bg-construct-image.jpg"/>
<img src="D:\Web_HomeOWN\images\pages\404-page\bg-construct-image.jpg"/>

但这张照片没有显示。当我使用firefox检查img元素时，我尝试单击图像路径。然后我得到了这条路径：file:///images/pages/404-page/bg-construct-image.jpg，正确的路径是这样的：file:///D:/Web_HomeOWN/images/pages/404-page/bg-construct-image.jpg

我的本地图像路径：D:\Web_HomeOWN\images\pages\404-page\bg-construct-image.jpg我的本地html路径：D:\Web_HomeOWN\Index.html 我的文件夹结构

Answer 1

根据您的结构，您不需要在上导航的两个文件夹，因为index.html已经在Web_HomeOWN中了。简单地引用<img src="images/pages/404-page/bg-construct-image.jpg"/>就可以做到这一点。

Answer 2

../用于从html文件的位置向后返回。在您的例子中，图像文件实际上位于html文件的子目录中，因此您不需要使用../。可以使用img，如下所示。

<img src="images/pages/404-page/bg-construct-image.jpg"/>