前端面试html5新特性

HTML5引入了许多新的特性和改进，提升了网页的交互性和功能性。以下是几个重要的HTML5新特性：

1. **离线存储**：通过 `<appcache>` 或 `manifest` 属性，浏览器可以缓存网站的部分内容，在离线状态下仍能提供基本功能，比如显示之前访问过的页面。

2. **结构化数据标记**：如 `<article>`, `<section>`, `<header>`, `<footer>` 等语义元素，帮助搜索引擎更好地理解和索引内容，也方便了自动化处理。

3. **媒体元素** (`<video>` 和 `<audio>`): 提供原生支持视频和音频播放，简化了多媒体应用的开发，并支持流式内容。

4. **canvas**：是一个强大的绘图API，允许开发者在网页上创建复杂的图形、动画甚至游戏。

5. **svg** (Scalable Vector Graphics)：矢量图形标准，使得在不失真的情况下缩放图像成为可能，提高了图形质量和可用性。

6. **Web Workers**: 允许在后台线程运行脚本，处理计算密集型任务，提升用户体验。

7. **WebSocket**: 实现双向通信，常用于实时更新的应用，如聊天室、在线游戏等。

8. **localStorage/localStorage**: 存储键值对，可以在客户端持久化数据，无需每次请求服务器。

9. **Geolocation API**: 提供设备定位信息，有助于基于位置的服务。

10. **forms输入验证**：更丰富的表单验证选项，如 `required`, `pattern` 等，有助于提高用户输入的规范性。