浏览器无法识别来自img标记HTML的本地路径

时间:2018-03-14 03:36:11

标签: html

我在HTML中遇到img标记问题。我尝试使用相对路径和绝对图像文件路径,如下所示:

items()

但是这张图片没有显示出来。当我用firefox检查img元素时,我尝试单击图像路径。 然后我得到了这条道路:(dictionary_key, dictrionary_value) 正确的道路是这样的:<img src="../../images/pages/404-page/bg-construct-image.jpg"/> <img src="D:\Web_HomeOWN\images\pages\404-page\bg-construct-image.jpg"/>

我的本​​地图片路径:file:///images/pages/404-page/bg-construct-image.jpg 我的本地html路径:file:///D:/Web_HomeOWN/images/pages/404-page/bg-construct-image.jpg My folder structure

2 个答案:

答案 0 :(得分:0)

根据您的结构,您无需导航向上两个文件夹,因为index.html已在Web_HomeOWN中。只需引用<img src="images/pages/404-page/bg-construct-image.jpg"/>即可。

答案 1 :(得分:0)

../用于从html文件的位置反向回来。在你的情况下,图像文件实际上位于你的html文件的子目录中,所以你不需要使用../。您可以按如下方式使用img。

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