使用../相对路径引用Web DeV目录下图片不生效是什么原因？

问题原因 #

你出现该问题的核心原因是HTML代码存在语法错误：img标签的src属性与属性值之间缺少了等于号=。
你编写的代码为：

<img src"../2.jpg">

不符合HTML属性属性名="属性值"的标准书写规则，浏览器无法识别到你为src属性赋值了路径，自然不会发起图片资源的加载请求，这也是你更换其他图片依然无效的原因。

解决方法 #

直接修正语法错误，补上src后的等于号即可，修改后的代码如下：

<img src="../2.jpg">

如果修改后图片依然无法加载，可以按照以下步骤排查：

• 确认路径对应位置确实存在目标图片文件，文件名大小写是否匹配（Linux等服务器环境区分文件名大小写）
• 确认图片文件本身没有损坏，若部署在服务器上需要确保图片文件拥有公共读取权限
• 按下F12打开浏览器开发者工具，切换到「网络」面板刷新页面，查看图片加载的具体报错信息定位问题

内容的提问来源于stack exchange，提问作者FearOfJcob