新特性总览
HTML5 的新能力可以按用途分成六类，先建立全景图再逐个击破：
- 语义结构：header、nav、main、article、section、aside、footer，让页面结构可被机器理解。
- 增强表单：email、date、range 等十几种 input 类型，加上原生验证属性。
- 多媒体与图形：audio/video 原生播放，canvas 位图绘图，SVG 矢量绘图。
- 数据存储：localStorage/sessionStorage 取代 Cookie 存业务数据。
- 通信与后台：Web Worker 后台线程、WebSocket 全双工通信、history API 无刷新路由。
- 设备能力：geolocation 定位、拖放 API、文件读取 FileReader。
不必一次学完。做内容站优先掌握语义标签和表单；做交互应用再深入 canvas、存储和通信。
本节要点六大类能力：语义、表单、多媒体、存储、通信、设备 API；按项目需要分批学习，内容站先学语义与表单。
代码
HTML5 新特性速查（按用途分类）：
1. 语义结构 header nav main article section aside footer
2. 增强表单 input 新类型 + required/pattern 原生验证
3. 多媒体图形 audio video / canvas 位图 / SVG 矢量
4. 数据存储 localStorage 持久存储 / sessionStorage 会话存储
5. 通信后台 Web Worker 多线程 / WebSocket 长连接 / history 路由
6. 设备能力 geolocation 定位 / drag & drop 拖放 / FileReader 读文件
学习顺序建议：
内容站 → 先学 1、2
交互应用 → 再学 3、4
实时/复杂应用 → 最后 5、6📚 推荐阅读
来自万象云档的免费在线书籍，点击封面直接阅读