HTML5 新增元素

1.1. 标签增删

1.1.1 新增标签

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

标签 用法
header 头部标签
nav 导航标签
article 内容标签
section 块级标签
aside 侧边栏标签
footer 尾部标签

在表单方面，为了增强表单，为 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 协议。