logo
HTML

介绍一下 HTML5 的新特性(除了语义化标签)

Updated Apr 14, 2026

面试回答

考察点:技术广度、本地存储、多媒体、绘图


除了刚才提到的语义化标签,HTML5 还带来了很多强大的 API 和功能,我在项目中主要用到过以下几类:

  1. 本地存储localStoragesessionStorage。相比 Cookie,它们容量更大(通常 5MB+),且不会随请求发送到服务器,减少了带宽消耗。我在做用户偏好设置或临时表单缓存时经常使用。
  2. 多媒体支持:原生的 <video><audio> 标签,让我们不再依赖 Flash 或第三方插件就能播放媒体,这对移动端性能优化很有帮助。
  3. 图形绘制<canvas> 和 SVG。Canvas 适合像素级操作,比如游戏或复杂图表;SVG 适合矢量图标和交互图形。
  4. Web Workers:允许在后台线程运行 JavaScript,避免耗时计算阻塞主线程 UI。我在处理大量数据加密或复杂计算时会用到它。
  5. 地理定位 Geolocation:结合地图服务实现 LBS 功能。

这些特性极大地丰富了 Web 应用的能力,使其更接近原生应用的体验。