以下是 HTML 与 HTML5 的核心区别及从基础到高级的总结：
一、核心区别总结
| 特性 | HTML | HTML5 |
|---|---|---|
| 文档类型 | 复杂（如 <!DOCTYPE HTML PUBLIC "...">） | 简化（<!DOCTYPE html>） |
| 语义化标签 | 依赖 <div> + CSS | 新增 <header>, <article>, <section> 等语义标签 |
| 多媒体支持 | 需插件（如 Flash） | 原生 <video>, <audio> 标签 |
| 图形绘制 | 不支持 | <canvas> 和 SVG 原生支持 |
| 表单功能 | 有限（仅基础输入类型） | 新增 email, date, range 等输入类型 |
| 存储能力 | 依赖 Cookie | localStorage 和 sessionStorage |
| API 扩展 | 无 | Geolocation、Web Workers、WebSocket 等 |
二、从简单到复杂的区别详解
1. 语法简化
- HTML：
需要复杂文档类型定义，例如：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> - HTML5：
文档类型极度简化，兼容性更好：<!DOCTYPE html>
2. 语义化标签
- HTML：
使用<div>配合id或class实现布局，缺乏语义：<div id="header"></div> <div class="content"></div> - HTML5：
新增语义标签，代码可读性更强，SEO 友好：<header></header> <article><section></se