HTML5&CSS3

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新标签

input 有哪些新增类型？

可以调出浏览器的调色板选择喜欢的颜色
出现一个日期选择器选择一个日期
datetime 类型允许你选择一个日期（UTC 时间）
datetime-local 类型允许你选择一个日期和时间 (无时区)
提交的时候会自动验证email输入正不正确，相当于自动帮我们做了个正则
month 类型允许你选择一个月份
提供一个列表选择数字，可以设定对所接受的数字的限定
range 类型用于应该包含一定范围内数字值的输入域。range 类型显示为滑动条。
search 类型用于搜索域，比如站点搜索或 Google 搜索
定义输入电话号码字段
定义可输入时间控制器（无时区）
url 类型用于应该包含 URL 地址的输入域。在提交表单时，会自动验证 url 域的值。
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");//删除存储的数据