绝对路径写为 /index.html（网站根目录起点）或 https://example.com/index.html（完整URL）；相对路径以当前文件位置为基准，如 index.html（同级）、../index.html（上级）。
index.html 的路径写法不是由文件名决定的，而是由它在项目中的位置和引用它的上下文共同决定的。没有“某个文件固有的绝对/相对路径”，只有“在某处引用 index.html 时，该路径是绝对还是相对”。
怎么写 index.html 的绝对路径？
绝对路径分两种常见情况，但都要求从一个明确的“起点”开始：要么是文件系统根（如 C:/），要么是网站根目录（/）。
- 本地开发时直接用磁盘路径（如
C:/myproject/index.html）——这种写法只在本地双击打开 HTML 时可能生效，浏览器会拒绝加载同源策略外的本地资源，部署到服务器后必然失效 - Web 服务器环境下，以站点根目录为起点的路径才是实用的绝对路径，例如：
/index.html（注意开头的/）。这个路径表示“从当前域名的根目录下找index.html”，无论当前页面在/blog/post.html还是/admin/settings.html，都能正确跳转 - 带协议的完整 URL 也算绝对路径，比如
https://example.com/index.html，适用于跨域或 CDN 场景，但不用于站内导航
怎么写 index.html 的相对路径？
相对路径始终以当前 HTML 文件所在目录为起点，用 .、.. 和目录名组合表达位置关系。
- 如果当前文件和
index.html在同一目录，直接写index.html（./index.html中的./可省略） - 如果当前文件在子目录（如
/blog/article.html），而index.html在上层（/index.html），就写../index.html - 如果当前文件在
/pages/about.html，而index.html在/home/index.html，就得写../../home/index.html - 路径中一律使用正斜杠
/，不要用反斜杠\，否则在 Linux/macOS 服务器或现代浏览器中可能解析失败
href 里写 index.html 却打不开？常见原因
这不是路径类型选错的问题，而是路径指向了错误的位置，或者服务器没按预期响应。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
立即学习“前端免费学习笔记（深入）”；
- 写成
index.html却 404：说明当前文件不在index.html所在目录，或目标文件实际叫Index.html（大小写敏感，Linux 服务器尤其要注意） - 写成
/index.html却跳转到首页空白页：可能是服务器配置了自动重定向（如把所有请求 fallback 到/index.html），导致你本想链接内部页面，结果绕回了 SPA 入口 - 本地双击打开 HTML 时，
/index.html会尝试访问file:///index.html（即系统根目录），而不是项目根目录——这是最常被忽略的环境差异
什么时候该用绝对路径 /index.html？
只在明确需要“无论从哪出发都回到网站根”的场景下用，典型如导航栏的“首页”链接。
- 多级路由页面（
/blog/2024/post1.html）中放一个“首页”按钮，用/index.html最稳妥 - 避免因页面嵌套过深导致相对路径写成一长串
../../../../index.html，可读性和维护性差 - 但注意：如果项目部署在子路径（如
https://example.com/myapp/），/index.html会指向https://example.com/index.html而非https://example.com/myapp/index.html，这时得配合<base href="/myapp/">或改用相对路径
路径本身没有对错，只有是否匹配当前运行环境和服务器配置。最容易出问题的，永远是本地测试时一切正常，一上线就 404——因为本地文件系统和 Web 服务器对 / 的解释完全不同。
