HTML5是什么？有哪些新特性？有哪些新增标签？如何让低版本的 IE 支持 HTML5新标签？

• HTML5是超文本标记语言的第五次重大修改

• 新特性：

  1. 语义特性
  2. 本地存储特性
  3. 设备兼容特性
  4. 连接特性
  5. 网页多媒体特性
  6. 性能与集成特性
  7. CSS3特性

• 新增标签：section, video, progress, nav, meter, time, aside, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, output, rp, rt, ruby, source, summary, wbr

• 低版本IE支持HTML5新标签

<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>

input 有哪些新增类型？

<input type="color" name="favcolor">可以调出浏览器的调色板选择喜欢的颜色
<input type="date" name="bday">出现一个日期选择器选择一个日期
<input type="datetime" name="bdaytime">datetime 类型允许你选择一个日期（UTC 时间）
<input type="datetime-local" name="bdaytime">datetime-local 类型允许你选择一个日期和时间 (无时区)
<input type="email" name="email">提交的时候会自动验证email输入正不正确，相当于自动帮我们做了个正则
<input type="month" name="bdaymonth">month 类型允许你选择一个月份
<input type="number" name="quantity" min="1" max="5">提供一个列表选择数字，可以设定对所接受的数字的限定
<input type="range" name="points" min="1" max="10">range 类型用于应该包含一定范围内数字值的输入域。range 类型显示为滑动条。
<input type="search" name="googlesearch">search 类型用于搜索域，比如站点搜索或 Google 搜索
<input type="tel" name="usrtel">定义输入电话号码字段
<input type="time" name="usr_time">定义可输入时间控制器（无时区）
<input type="url" name="homepage">url 类型用于应该包含 URL 地址的输入域。在提交表单时，会自动验证 url 域的值。
<input type="week" name="week_year">week 类型允许你选择周和年。

浏览器本地存储中 cookie 和 localStorage 有什么区别？ localStorage 如何存储删除数据。

• cookie
  1. CSS3特性 一般由服务器生成，可以设置失效时间。如果在浏览器端生成cookie，默认是关闭浏览器后失效
  2. 储存数据大小只有4KB左右
  3. 每次都会携带在HTTP头中，如果使用cookie保存过多数据会带来性能问题

• localStorage
  1.需要手动清除，否则永久保存
  2.储存数据大小5MB
  3.数据仅在浏览器中保存，不参与和服务器的通信

localStorage.setItem('name', 'Tim');//存储一个叫name的键，值为Tom
localStorage.getItem("name"); //获取存储的数据
localStorage.removeItem("name");//删除存储的数据