图片不显示八成是src路径错误：应以HTML文件位置为基准，统一用./开头相对路径（如./logo.png），禁用双击打开，必须启用HTTP服务（如Live Server）调试，注意大小写、正斜杠及404错误排查。
图片不显示，八成是 src 路径写错了。不是文件没放对，而是浏览器根本没找对地方——路径参照点、符号用法、大小写、甚至本地双击打开和服务器访问的区别，都会让 <img alt="HTML怎么设置图片路径_网页图片文件夹存放调用【方法】" > 失效。
相对路径怎么写才不会错
相对路径以当前 HTML 文件位置为起点，但很多人漏掉关键符号，导致路径解析失败。尤其在本地双击打开 HTML 时，浏览器对路径更敏感。
-
./明确表示“当前目录”，推荐所有同级图片都加它：<img src="./logo.png" alt="HTML怎么设置图片路径_网页图片文件夹存放调用【方法】" >，比直接写logo.png更可靠 -
images/logo.png表示子目录，无需./前缀（./images/logo.png也合法，但冗余） -
../assets/icon.svg表示上一级目录里的assets文件夹，注意..后必须跟/，写成../assets/icon.svg对，..assets/icon.svg错 - 路径中所有斜杠必须是正斜杠
/，Windows 资源管理器显示反斜杠\，但 HTML 里一律不用
为什么本地双击打开图片常失败
直接双击 HTML 文件时，浏览器使用 file:// 协议，此时某些路径行为和服务器环境不一致，比如省略 ./ 可能被忽略或误解析。
- 错误现象：
<img src="photo.jpg" alt="HTML怎么设置图片路径_网页图片文件夹存放调用【方法】" >在 VS Code Live Server 正常，但双击打开空白 - 根本原因：部分浏览器对
file://下的相对路径解析宽松度不同，./能强制锚定当前目录 - 真实调试建议：用轻量服务器启动（如 VS Code 的 Live Server、Python 的
python -m http.server），避免依赖双击行为 - 绝对路径
file:///C:/project/images/photo.jpg理论可行，但跨设备即失效，不推荐用于开发
图片文件名和大小写必须完全匹配
本地开发用 Windows 可能不报错，但一部署到 Linux 服务器（Nginx/Apache），Photo.jpg 和 photo.jpg 就是两个文件。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
立即学习“前端免费学习笔记（深入）”；
- 错误示例：
<img src="./IMG_2023.jpg" alt="HTML怎么设置图片路径_网页图片文件夹存放调用【方法】" >，但实际文件是img_2023.jpg→ 404 - 检查方法：在浏览器开发者工具的
Network标签页看请求 URL 和响应状态码；404 表示路径/文件名错，403 表示权限或服务器配置拦截 - 预防做法：统一小写命名 + 连字符分隔，如
user-avatar.png，避免空格和中文
什么时候该用绝对路径
绝对路径只适用于明确指向外部资源的场景，项目内部图片别硬套 https:// 或根路径 /images/，除非你真在用 CDN 或静态资源服务。
- 外部图：直接用完整 URL，如
<img src="https://cdn.example.com/logo.svg" alt="HTML怎么设置图片路径_网页图片文件夹存放调用【方法】" > - 项目内慎用根路径
/images/logo.png：它从网站根目录开始找，意味着你的 HTML 必须部署在域名根下（https://site.com/），若部署在子路径（https://site.com/myapp/），就会变成请求https://site.com/images/logo.png而非https://site.com/myapp/images/logo.png - 动态生成路径（如 Vue/React）可借助公共目录或
public/文件夹，但本质仍是相对路径逻辑
最易被忽略的一点：路径问题从来不是“写对了就行”，而是“在目标运行环境下是否被正确解析”。本地能跑 ≠ 服务器能跑 ≠ 手机 WebView 能跑。验证前，先确认你测试的环境和最终上线环境是否一致。
