相对URL链接子文件夹图片失败，求新手友好的解决方案

你写的代码里，<img src="./bloo/chicken.png"> 这个路径写法本身没问题，它的意思是「找当前HTML文件所在目录下的bloo子文件夹，里面的chicken.png图片」。加载失败大概率是以下几个原因，一个个排查：

• 位置关系没搞对：确认你的HTML文件和bloo文件夹的位置。如果你的HTML文件是放在某个子文件夹里（比如叫html_files），而bloo是在根目录，那得把路径改成 ../bloo/chicken.png，../ 代表回到上一级目录。
• 大小写不匹配：Windows系统文件名不区分大小写，但macOS/Linux是区分的。比如你实际文件夹叫Bloo，但代码里写的是bloo，就会找不到；同理Chicken.png和chicken.png也是两个不同文件，检查实际文件名和代码里的完全一致。
• 文件根本不在那：直接打开bloo文件夹，确认里面真的有chicken.png，而且文件名没写错（比如别把.png写成.jpg，或者多打了空格）。
• 浏览器缓存坑：有时候浏览器会缓存旧的错误结果，按Ctrl+F5（Windows）或Cmd+Shift+R（macOS）强制刷新页面试试。

给你个简单测试方法：打开你的HTML文件后，在浏览器地址栏里把当前URL的末尾替换成./bloo/chicken.png，回车看能不能显示图片。如果能显示，那就是缓存问题；如果不能，说明路径肯定不对，重新核对文件结构。

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