HTML5 新特性速查
HTML5 新特性速查：语义标签、存储、WebSocket、Worker 等 20 项。
纯浏览器本地运行，数据不上传服务器
| 特性 | 说明 |
|---|---|
| 语义标签 | header/nav/main/article/section/footer |
| video/audio | 原生音视频播放 |
| canvas | 2D 绘图 |
| SVG | 矢量图形 |
| localStorage | 本地存储（5MB，持久） |
| sessionStorage | 会话存储 |
| IndexedDB | 客户端数据库 |
| WebSocket | 全双工通信 |
| Fetch API | 现代网络请求 |
| Geolocation | 地理位置 |
| Web Worker | 多线程 |
| Service Worker | 离线缓存/PWA |
| Web Storage | 浏览器存储 |
| 拖放 API | 原生拖拽 |
| 表单增强 | required/placeholder/pattern |
| contenteditable | 页面内编辑 |
| History API | 前端路由 |
| Notification | 桌面通知 |
| Fullscreen | 全屏 |
| WebRTC | 实时音视频 |
使用说明
- 速查 HTML5 主要新特性。
- 搜索支持按特性名或说明过滤。
- 技术选型、面试复习、前端学习参考。
常见问题
localStorage 和 cookie 区别？
localStorage 容量大（5MB）且不随请求发送；cookie 小（4KB）自动随请求携带。
Service Worker 做什么？
拦截网络请求实现离线缓存、后台同步，是 PWA 的核心。