HTML 学习路线

从零掌握 HTML：先做到页面能显示，再做到结构正确，最后独立拼出完整页面。

学习路线

四个阶段按依赖顺序推进，上一阶段的产出就是下一阶段的输入。

flowchart LR
    A["A 入门<br/>写出能显示的页面"] --> B["B 进阶<br/>机器侧可读"]
    B --> C["C 高级<br/>可用·性能·安全"]
    C --> D["D 实战<br/>完整页面交付"]
    D --> Z["Z 附录<br/>术语表·归档"]

阶段索引

阶段	主题	篇数	入口	状态
A-入门	环境、基础标签、页面骨架	10	A00-总结	已完成
B-进阶	元信息、多媒体、内嵌、全局属性、结构化数据	7	B00-总结	已完成
C-高级	无障碍、表单校验、性能、注入防护、工程化	6	C00-总结	已完成
D-实战	作品集站点、文章详情页、后台表单页	4	D00-总结	已完成
Z-附录	术语、归档	1	Z01-术语表	已完成

合计 28 篇文档，覆盖 A-入门 至 D-实战 四个阶段与术语附录。

怎么读

1. 先读对应阶段的 X00-总结.md，那里有路线图、能力对照与阅读顺序。
2. 按编号顺序读正文，每篇结尾都有「上一篇 / 下一篇」，不用回目录找。
3. 遇到不认识的术语，查 Z01 术语表，全科目只在这一处定义。
4. 每篇都动手跑一遍代码，只读不写等于没读。

目录约定

frontend/html/
├─ README.md          ← 本科目入口
├─ slugs.json         ← 文件名与发布 URL 的映射
├─ A-入门/ ~ D-实战/  ← 四个阶段，各含 X00-总结与正文
└─ Z-附录/            ← 术语表与归档

文件名只含汉字、字母、数字与半角连字符；发布 URL 由 slugs.json 生成，源文件内一律使用相对路径链接。