网页能力
语义导航
把“课程、练习、帮助”变成真正的导航结构，理解header、nav、main和锚点关系。
刚开始学习HTML结构的读者
查看本类练习从目标找到练习
能力分类
分类表达的是代码承担的网页任务，一个练习可以属于多个分类。读完一个分类的常见错误，再进入具体源码，学习目标更明确。
按导航、表单、表格、反馈、配置与运行方式组织练习。
- 导航练结构。
- 表单与表格练关联。
- 反馈和配置练边界。
六类学习目标
分类按练习任务组织。每类说明适用读者、操作顺序和常见误区。
网页能力
可访问表单
使用label、字段说明、必填约束和本页反馈生成一份学习计划，不接收真实预约。
准备做练习表单的初学者
查看本类练习 网页能力
数据表格
为练习任务写caption、列标题、行标题，并在原始表格上增加筛选。
需要展示学习进度或小型清单的读者
查看本类练习 网页能力
状态反馈
把添加练习、完成和重置这些操作转成可见文字状态，了解动态通知的范围。
已会基础DOM操作的自学者
查看本类练习 网页能力
配置边界
检查公开的主题、页长和标题配置，导出JSON；知道哪些值不应该出现在前端。
开始接触JSON与配置文件的读者
查看本类练习 网页能力
本地运行
下载单文件源码，用浏览器打开，再逐步认识file与本地HTTP的差异。
第一次编辑网页文件的读者
查看本类练习