请从文档结构、语义化标签、多媒体支持、表单控件、API 能力等方面，说明 HTML4 与 HTML5 的主要差异。
考察说明
考查对 HTML 版本演进核心差异的系统性理解。
回答思路
- 【回答框架 1】HTML5 在 HTML4 基础上引入了更丰富的语义化标签，如 header、nav、article、section、footer，替代大量无意义的 div 嵌套，提升页面可读性与可访问性。
- 【回答框架 2】多媒体方面，HTML5 原生支持 audio 和 video 标签，无需 Flash 插件即可播放音视频；同时提供 canvas 和 SVG 用于绘图与矢量图形。
- 【回答框架 3】表单增强明显，新增 input 类型如 email、date、number、range，以及 datalist、output 等元素，配合属性如 placeholder、required、pattern，提升输入校验与用户体验。
- 【回答框架 4】API 能力大幅扩展，包括 Geolocation、Web Storage、Web Workers、WebSocket、拖放 API 等，支持更复杂的客户端交互与离线应用。
- 【回答框架 5】文档结构上，HTML5 简化了 doctype 声明为 <!DOCTYPE html>，并引入更明确的字符编码声明，同时废弃了部分表现性标签如 font、center，强调结构与样式分离。
- 【关键点 1】HTML5 新增语义化标签，改善文档结构与 SEO。
- 【关键点 2】原生支持音视频与绘图，减少对插件的依赖。
- 【关键点 3】表单控件与校验属性更丰富，提升交互体验。
- 【关键点 4】提供多种新 API，增强浏览器端能力。
- 【关键点 5】doctype 简化，废弃表现性标签，强化语义化。
- 【易错点 1】不能简单认为 HTML5 完全兼容 HTML4，部分旧标签被废弃，需注意迁移。
- 【易错点 2】新 API 的浏览器兼容性存在差异，需考虑降级方案。
- 【易错点 3】语义化标签本身不直接提升 SEO，需配合正确使用与内容结构。