高级7-html5 & css3

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

• HTML5 是对 HTML 标准的第五次修订，目前仍未完工。其主要的目标是将互联网语义化，以便更好地被人类和机器阅读，并同时提供更好地支持各种媒体的嵌入。HTML5 的语法是向后兼容的。
• 增加了语义化的标签、新的属性、支持视频音频的嵌入、全面支持CSS3、可以使用来进行绘图等
• 新增标签
• 章节
  
  定义一个文章区域
  

  定义一个文档头部部分
• 定义一个文档底部
• 定义了文档的某个区域
• 定义其所处内容之外的内容。（侧边栏）
• 定义了用户可见的或者隐藏的需求的补充细节。
• 定义一个对话框或者窗口
• 定义一个可见的标题。 当用户点击标题时会显示出详细信息。
  多媒体
• 定义多媒体资源
• 定义嵌入的内容，比如插件
• 为诸如
• 规定用于表单的密钥对生成器字段。
• 定义不同类型的输出，比如脚本的输出。
• 
  标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API！
• 对于低版本的IE，加入

就可以支持HTML5的新标签。

题目2： input 有哪些新增类型？

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

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

• cookie
• 一般由服务器生成，可设置失效时间。如果在浏览器端生成Cookie，默认是关闭浏览器后失效
• 存放数据大小只有4KB左右
• 每次都会携带在HTTP头中，如果使用cookie保存过多数据会带来性能问题
• localStorage
• 除非自己手动清除，否则永久保存
• 存放数据大小5MB左右
• 数据仅在客户端（即浏览器）中保存，不参与和服务器的通信

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