根相对路径（以/开头）更稳定，因其基准锚定网站根目录而非html位置，不随嵌套层级变化失效；但本地双击会404，须用本地服务器运行，部署在子路径时需配置publicpath或路由重写。
不是“绝对路径”更稳定，而是以 / 开头的根相对路径（如 /css/style.css）比 ./ 或 ../ 开头的文件相对路径更稳定——它把路径基准锚定在部署后的网站根目录，而非 HTML 文件所在位置。
根相对路径（/xxx）为什么不容易出错？
它不随 HTML 文件嵌套层级变化而失效。无论页面在 index.html、blog/post.html 还是 admin/users/edit.html，引用同一份 CSS 都写 /css/style.css，不用数 ../ 个数。
- 避免常见错误：比如把
../../css/style.css写成../../../css/style.css，导致样式加载失败 - 复制粘贴安全：从一个页面复制代码到另一个页面，
href不用改 - 服务端包含（SSI）或模板继承场景下，路径仍能正确解析，不像文件相对路径依赖当前文件物理位置
为什么本地双击打开会 404？
因为 /css/style.css 在 file:// 协议下会被浏览器解析为 file:///css/style.css，根本不存在这个本地路径。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 开发阶段必须启动本地服务器（如
python -m http.server、live-server、vite），让请求走http://localhost:xxxx - 不能靠双击 HTML 文件测试 —— 这不是 bug，是协议限制
- 构建工具（如 Webpack、Vite）默认也只支持 HTTP 环境下的根路径解析
部署在子路径时怎么处理？
如果项目实际部署在 https://example.com/myapp/，而你写了 /css/style.css，浏览器会请求 https://example.com/css/style.css（404），而不是 https://example.com/myapp/css/style.css。
- Webpack 用户需配置
publicPath: '/myapp/' - Vite 用户设
base: '/myapp/' - 后端可配合路由重写（如 Nginx 的
try_files $uri /myapp/index.html;） - 纯静态托管（如 GitHub Pages、S3）必须手动调整所有根路径前缀，或用构建时变量注入
真正容易被忽略的是：根相对路径的稳定性完全依赖部署环境的一致性。它不是“一劳永逸”，而是把维护焦点从“每个页面调路径”转移到“统一配置部署上下文”。一旦漏掉 publicPath 或没跑本地服务器，问题就会静默出现——样式不加载，但控制台可能只报 404，不提示路径逻辑错误。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
