HTML5 新特性有哪些

HTML5的新特性包括但不限于以下几个方面：

1. 语义化标签：HTML5引入了一系列的语义化标签，如`<header>`、`<nav>`、`<section>`、`<article>`、`<aside>`、`<footer>`等，使得网页结构更加清晰，方便代码的阅读和维护。

2. 媒体元素：HTML5新增了`<audio>`和`<video>`标签，使得在网页中嵌入音频和视频变得更加简单。通过这些标签，可以直接在网页上播放音频和视频文件，而无需使用第三方插件。

3. Canvas绘图：HTML5的`<canvas>`标签提供了一个用于绘制图形、动画和游戏的API。通过JavaScript脚本，可以在`<canvas>`上绘制2D和3D图形，实现各种交互效果。

4. 地理定位：HTML5的地理定位API允许网页获取用户的地理位置信息。通过使用`navigator.geolocation`对象，可以获取用户的经纬度坐标，从而实现基于地理位置的服务。

5. 本地存储：HTML5引入了本地存储机制，包括`localStorage`和`sessionStorage`。这些机制允许网页在用户的浏览器中存储数据，以便在用户下次访问时进行读取和使用。

6. Web Workers：HTML5的Web Workers允许在后台运行脚本，以提高网页的性能和响应速度。通过Web Workers，可以将一些耗时的任务放在后台线程中执行，避免阻塞主线程。

7. Web Socket：HTML5的Web Socket提供了一种全双工通信的机制，使得网页和服务器之间可以进行实时的双向通信。通过Web Socket，可以实现实时聊天、实时数据更新等功能。

8. 表单增强：HTML5对表单元素进行了增强，引入了一些新的输入类型和属性。例如，`<input>`标签的`type`属性新增了`email`、`url`、`number`等类型，`<input>`和`<textarea>`标签的`placeholder`属性可以设置默认提示文本。

9. CSS3支持：HTML5对CSS3的支持更加完善，包括圆角、阴影、渐变、动画等效果。通过使用CSS3，可以实现更加丰富和吸引人的页面布局和样式。