C00 HTML 高级

本阶段目标：把页面做到可被辅助技术使用、可被攻击者拿来当入口之外的安全边界、并且在真实网络条件下依然可用。

所属：frontend/html / C-高级 ｜ 上一篇：B06-版本差异与兼容 ｜ 下一篇：C01-无障碍与ARIA ｜ 返回：科目 README

路线图

五篇文档沿「谁能用 → 怎么填 → 多快 → 多安全 → 怎么交付」推进。

flowchart TD
    C1["C01 无障碍与 ARIA"] --> C2["C02 表单校验进阶"]
    C2 --> C3["C03 资源提示与性能"]
    C3 --> C4["C04 XSS 与 CSP"]
    C4 --> C5["C05 HTML 与工程化"]

    subgraph P1["可用性（C01 ~ C02）"]
        C1
        C2
    end

    subgraph P2["质量与交付（C03 ~ C05）"]
        C3
        C4
        C5
    end

图 1 高级阶段路线图：C01 ~ C02 决定页面能否被完整使用，C03 ~ C05 决定页面能否安全、高效地交付

能力对照

能力	对应篇目	自检方式
用键盘完成页面全部操作	C01	全程只用 Tab 与 Enter 走完页面，焦点始终可见
正确使用 ARIA 而不滥用	C01	删除所有 role 后语义基本不变，说明标签选对
构建可控的表单校验与错误提示	C02	留空、格式错误、超长三类输入都能给出可读提示
按关键路径配置资源提示	C03	首屏关键资源在 Network 面板中优先级正确
识别并阻断 HTML 注入	C04	注入 <script> 与事件属性后，页面不执行脚本
把 HTML 从源文件交付为可发布产物	C05	产物在无构建环境的机器上可直接打开

阅读顺序

顺序	篇目	建议时长	必读	说明
1	C01 无障碍与 ARIA	60 分钟	是	决定页面能否被完整使用
2	C02 表单校验进阶	50 分钟	是	表单是错误最集中的区域
3	C03 资源提示与性能	60 分钟	是	直接影响首屏体验
4	C04 XSS 与 CSP	60 分钟	是	页面是最常见的内容注入点
5	C05 HTML 与工程化	50 分钟	否	从单文件走向可维护的交付

跳过建议

• 一个人维护的静态站点：C05 可后置，先按单文件交付。
• 完全不接收用户输入的页面：C04 可只读 3.1 节的上下文表。

阶段出口

• 返回：科目 README
• 术语速查：Z01 术语表
• 下一篇：C01-无障碍与ARIA