HTML中所谓“二级页面”仅指文件位于子目录的路径关系，如/product/detail.html；内部链接应使用相对路径或根相对路径，避免绝对URL；CSS/JS资源404主因是路径未对齐，推荐统一用根相对路径引用；本地双击file://协议无法解析/路径，须用本地服务器预览；前端路由（如Vue Router）实现的“伪二级路径”依赖服务端fallback配置，与纯静态HTML本质不同。
HTML 二级页面本质是路径关系，不是特殊语法
HTML 本身没有“二级页面”这个概念，所谓二级页面，只是文件放在子目录下，通过相对或绝对路径访问的结果。比如 /product/detail.html 相对于根目录 /，就是二级路径；而 /detail.html 是一级。关键不在怎么“做”，而在怎么组织路径和链接才不翻车。
- 所有内部链接必须用相对路径（如
../index.html）或根相对路径（如/about.html），避免硬写http://开头的绝对 URL，否则本地测试正常、上线 404 - 如果页面在
/blog/post-1.html，想链接到同级的post-2.html，就写post-2.html；想回上一级的/blog/index.html，就写index.html；想回首页，写/index.html - 用
<base href="/">可统一基准路径，但会全局影响所有相对链接，调试时容易误伤，新手慎用
CSS/JS 资源 404 的根本原因：路径没对齐
二级页面最常报错的不是 HTML，而是 GET /blog/style.css net::ERR_ABORTED 404——这说明浏览器按当前页面 URL 的目录层级去拼资源路径，结果找错了位置。
- CSS 中的图片路径（如
background: url(img/logo.png)）是相对于 CSS 文件自身位置解析的，不是 HTML 页面位置 - 推荐把静态资源统一放在
/css/、/js/、/img/这类根目录下的固定路径，然后在 HTML 里全部用根相对路径引用：<link rel="stylesheet" href="/css/main.css"> - 如果必须用相对路径，确认好层级：页面在
/a/b/page.html，引用同级 JS 就是script.js，引用上级 JS 就是../script.js，引用根目录 JS 就是/script.js
本地双击打开 vs 服务器访问，行为完全不同
直接双击 file:///.../blog/index.html 打开，浏览器用 file:// 协议加载，此时 /css/main.css 会被解析成 file:///css/main.css，显然找不到——它只认当前磁盘路径，不认“网站根目录”。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 开发阶段务必用本地服务器预览，比如 VS Code 的 Live Server 插件、Python 的
python3 -m http.server，让地址变成http://localhost:8000/blog/ -
file://下连fetch()都可能被 CORS 拦截，别拿它测 AJAX - 上线前检查所有
href和src是否能在http://下跑通，不要依赖本地双击
路由级“二级页面”（如 Vue Router / React Router）和纯 HTML 不是一回事
如果你看到别人用 /user/profile 这种地址却只有一个 index.html，那是前端路由在起作用，服务端其实返回的是同一个 HTML，JS 再根据 URL 渲染不同内容。这不是 HTML 的能力，是框架加服务器配合的结果。
立即学习“前端免费学习笔记（深入）”；
- 纯静态 HTML 网站做不到真正的“无刷新二级路由”，每个页面都是独立文件，必须真实存在对应路径
- 想模拟单页体验，得配服务器支持 history 模式（如 Nginx 的
try_files $uri $uri/ /index.html;），否则刷新/user/profile就 404 - 静态托管平台（GitHub Pages、Vercel、Netlify）大多默认支持这种 fallback，但需要确认文档是否启用 history API 支持
路径层级看着简单，实际牵扯到浏览器解析逻辑、服务器配置、开发流程三块。最容易被忽略的是：你以为改个 href 就完事，但资源路径、协议差异、部署环境全在暗处等着出问题。
