2. 表单改进: 新的表单元素和属性,如``、``、``等,以及`placeholder`、`autofocus`、`required`等属性。 表单验证功能,如自动验证输入类型和范围。
3. 画布和SVG: ``:用于在网页上绘制图形、动画等。 SVG(Scalable Vector Graphics):用于创建可缩放的图形。
4. 本地存储: `localStorage`:用于持久存储数据,数据在页面重新加载后仍然可用。 `sessionStorage`:与`localStorage`类似,但数据在页面会话结束时被清除。
5. Web Workers: 允许在后台线程中运行脚本,从而不会阻塞UI线程。
6. Web Sockets: 提供全双工通信通道,允许服务器和客户端之间进行实时数据交换。
7. 地理定位: 使用`navigator.geolocation` API获取用户的地理位置。
8. 拖放API: 允许用户拖放元素到其他元素上。
9. 跨文档消息传递: 允许来自不同源(origin)的文档进行通信。
10. Web Components: 包括自定义元素(Custom Elements)、影子DOM(Shadow DOM)和HTML模板(HTML Templates),用于创建可复用的组件。
12. 语义化改进: ``:定义页面主要内容。 ``:用于高亮显示文本。 ``:用于表示日期或时间。 ``:用于表示不同类型的输出。
13. 性能改进: ``:用于预加载资源,提高页面加载速度。 ``:用于获取未来可能需要的资源。
这些新特性使得HTML5成为构建现代、动态和交互式网页的有力工具。
HTML5 新特性:引领网页设计新潮流