02HTML5新增特性

1.新增标签

2.多媒体视频

3.新增input标签

4.新增表单属性

5.本地存储

1.新增标签

1. header — 头部标签
2. nav — 导航标签
3. article — 内容标签
4. section — 块级标签
5. aside — 侧边栏标签
6. footer — 尾部标签

2.多媒体视频

• audio
• video

<audio controls>
    //1. mpeg
    //2. Mp3
    // 3.Wav
    <source src="" type="" />
  </audio>

1. autoplay 自动播放
2. controls 显示播放控件
3. loop 循环播放
4. preload 视频预加载
5. poster 加载等待画面图片
6. muted 静音播放

3.新增input标签

4.新增表单属性


5.本地存储

1. cookie
2. localStorage
3. sessionStorage

区别比较

1. 容量
2. API 易用性
3. 是否随http请求发送
4. localStorage、sessionStorage的区别

1.容量

• cookie 4-5 k
• localStorage、sessionStorage 最大5m

API易用性

• cookie document.cookie 会覆盖
• localStorage、sessionStorage setItem、getItem

是否跟随http请求发送

• cookie 是
• localStorage、sessionStorage 否

localStorage、sessionStorage的区别

localStorage数据会永久存储，除非使用代码或手动清除，sessionStorage数据只存在于当前会话，浏览器关闭则清空。