HTML5 新增的元素

HTML5 新增元素

1.1. 标签增删

1.1.1 新增标签

首先 HTML5 为了更好的实践 web 语义化，增加了 header，footer，nav，aside，section，main，article，figure 等语义化标签。

在表单方面，为了增强表单，为 input 增加了 color，email，date ，range 等类型。

1.2. web存储方面

提供了 sessionStorage，localStorage，通过这些存储方式方便数据在客户端的存储和获取。

1.3. 多媒体方面

规定了音频和视频元素 audio 和 video，source，embed，track。

1.3.1 audio

audio 标签属性：

• src：音乐的 URL；
• preload：预加载；
• autoplay：自动播放；
• loop：循环播放；
• controls：浏览器自带的控制；

1.3.2 video

video 标签属性：

• src：视频的 URL；
• poster：视频封面，没有播放时显示的图片；
• preload：预加载；
• autoplay：自动播放；
• loop：循环播放；
• controls：浏览器自带的控制条；
• width：视频宽度；
• height：视频高度；

方法：load() play() pause()

事件：play() playing() pause() seeked() seeking() abort()，当音频/视频的加载已放弃时触发

1.4. 本地离线存储

把需要离线存储在本地的文件列在一个 manifest 配置文件。

1.5. 其他

另外还有地理定位，canvas 画布，拖放，多线程编程的 web worker 和 websocket 协议。