HTML：无法在子文件夹的子文件夹中显示图像文件（tricky）

Question

我在html文件中添加了图片，但是这样做了

<img src="/img/logo/logo_500x150.png" class="logo" alt="Logo 500x150"/>

该网页仅显示“图片丢失”图片。

如果我将图像移动到其父子文件夹，则一切正常：

<img src="/img/logo_500x150.png" class="logo" alt="Logo 500x150"/>

注意：

1. 文件夹结构为：

   web/
       myfile.html
       img/
           logo/
   

2. 两种方式，当我在编辑器中并按住Ctrl键并单击链接时，它们都在显示图像

有解决方案吗？谢谢！

Answer 1

图像位于当前文件夹上一层的文件夹中。尝试img src =” ../ img / logo /

Answer 2

如果 web 是公共目录，例如www.somedomain.com/web

您可以使用

<img src="/web/img/logo/logo_500x150.png" class="logo" alt="Logo 500x150"/>

或

<img src="img/logo/logo_500x150.png" class="logo" alt="Logo 500x150"/>