Appearance
HTML 模块学习地图
模块价值
HTML 模块不是一串题目目录,而是一组围绕 语义结构、资源加载、可访问性 展开的知识面。真正有用的复习方式,是先识别题型,再建立主链,最后把答案落回真实系统。
阅读顺序
- 第 1 步:先读 表单、媒体与交互元素:默认行为、可达性与资源代价,先建立 对比型 题的回答骨架。
- 第 2 步:先读 HTML 工程化:文档壳、资源顺序与 SSR 模板边界,先建立 对比型 题的回答骨架。
- 第 3 步:先读 脚本加载:parser-blocking、defer、async 与模块脚本,先建立 对比型 题的回答骨架。
- 第 4 步:先读 语义化 HTML:文档结构、辅助技术与默认行为,先建立 对比型 题的回答骨架。
- 第 5 步:先读 SEO 与可访问性:结构信号、名称计算与抓取边界,先建立 对比型 题的回答骨架。
- 第 6 步:先读 src 与 href:资源替换、关联关系与加载语义,先建立 对比型 题的回答骨架。
题型分层
- 对比型题目:6 篇,复习时优先把同类题放在一起比较。
高频主链
- 先抓 语义结构,再补 资源加载,最后回到 可访问性 和真实项目
- HTML 模块内部的问题不要平铺理解,最好按“题型 -> 主链 -> 项目映射”三层推进
- 读完之后仍然不能把题目挂回系统上下文,说明模块主链还没有搭起来
跨模块连接
- HTML 经常和 浏览器 一起出现,复习时最好连读。
- HTML 经常和 Vue Ecosystem 一起出现,复习时最好连读。
- HTML 经常和 安全与稳定性 一起出现,复习时最好连读。