【HTML】H5新特性有哪些？看这篇文章就够了

H5拥有6种新特性

1. 语义化标签，例如header，footer，section，article等 语义化标签的作用：提升页面的阅读性(结构性增强)，更有利于SEO，对于使用屏幕阅读器的人来说会更友好(有明显的语气差别，例如strong标签内的内容会重读)；

1. 新增媒体元素，audio、video audio和video标签能够很容易的输出音频或视频流，提供便利的获取文件信息的API 更多详细属性参考 MDN audio MDN video

3.用于绘画的canvas属性 Canvas API 提供了一个通过JavaScript 和 HTML的canvas元素来绘制图形的方式。它可以用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面。 更多详细属性参考 MDN canvas

1. 新增本地存储方式：sessionStorage、localStorage sessionStorage 用于存储会话级别的数据，会话关闭，数据消失，不可设置过期时间。 localStorage 用于存储需要进行持久化存储的数据，只要不主动删除，数据不会消失。 更多详细属性参考 MDN sessionStorage 更多详细属性参考 MDN localStorage

1. 新的技术：webworker、websocket webworker：用于多线程编程 websocket：客户端与服务端双向数据通信协议

1. 新增的表单控件：calendar、date、time、email、url、search 更多详细属性参考 MDN input