HTML5

1. h5开发，它指的是什么？和 HTML5有什么关系?

• HTML5是一项标准，是HTML语言标准的第五次升级，不是单一的技术，浏览器对标准的支持程度不一；所以要么按理论去讨论HTML5标准，要么按实践去讨论HTML5标准在浏览器的应用（诸如
• H5是一个解决方案，一个技术集合，而不是具体的技术，当讨论H5时，通常是要运用各种前端技术做出酷炫的移动端单页面应用；
• H5是产品名词，HTML5是技术名词，两者并没有任何关系，如果要做H5酷炫应用，用HTML4也可以完成。

百度 H5
QQ H5
H5 知乎

---

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

• HTML5是HTML标记语言的第五次升级标准；
• 增加了语义化的标签、新的属性、支持视频音频的嵌入、全面支持CSS3、2D/3D制图、本地存储、web应用；
• 新增标签：
  • 标签定义图形，比如图表和其他图像；
  • 定义音频内容；
  • 定义视频内容；
  • 定义多媒体资源
  • 定义嵌入内容，比如插件；
  • 为诸如
  • 定义选项列表。与 input 元素配合使用该元素，来定义 input 可能的值；
  • 规定用于表单的密钥对生成器内容；
  • 定义不同类型的输出，比如脚本的输出；
  • 定义页面内独立的内容区域；
  • 定义页面的侧边栏内容；
  • 定义对话框，比如提示框；

  • 定义独立的流内容；

  • 定义 section 或 document 的页脚；
  • 定义文档中的节（section、区段）；
  • 定义日期或时间；
  • 更多
• 让低版本IE浏览器兼容HTML5，可以借用html5shiv：

---

3. input 有哪些新增类型？

• color —— 从拾色器选择颜色；
• date —— 允许从一个日期选择器选择一个日期；
• datetime —— 允许选择一个日期（UTC 时间）；
• datetime-local —— 允许选择一个日期和时间 (无时区)；
• email —— 在提交表单时，会自动验证 email 域的值是否合法有效；
• month —— 定义月与年 (无时区)；
• number —— number 类型用于应该包含数值的输入域（带一些控制数值的属性）；
• range —— 定义一个不需要非常精确的数值（类似于滑块控制）；
• search —— 定义一个搜索字段 (类似站点搜索或者Google搜索)；
• tel —— 定义输入电话号码字段；
• time —— 定义可输入时间控制器（无时区）；
• url —— url 类型用于应该包含 URL 地址的输入域，在提交表单时，会自动验证 url 域的值；
• week—— 定义周和年 (无时区)；

参考

---

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

特性	Cookie	localStorage	sessionStorage
数据的生命期	一般由服务器生成，可设置失效时间。如果在浏览器端生成Cookie，默认是关闭浏览器后失效	除非被清除，否则永久保存	仅在当前会话下有效，关闭页面或浏览器后被清除
存放数据大小	4K左右	一般为5MB	同上
与服务器端通信	每次都会携带在HTTP头中，如果使用cookie保存过多数据会带来性能问题	仅在客户端（即浏览器）中保存，不参与和服务器的通信	同上
易用性	需要程序员自己封装，源生的Cookie接口不友好	源生接口可以接受，亦可再次封装来对Object和Array有更好的支持	同上

localStorage的使用：

    // 存储数据
    localStorage.setItem('name', 'zhao');
    // 获取数据
    localStorage.getItem('name');
    localStorage.name;
    // 删除数据
    localStorage.removeItem('name');

参考：详说 Cookie, LocalStorage 与 SessionStorage

---

Coding:

标签可在“全部”和“订阅"两个栏目来回拖动：
预览
代码

---

本文归本人和饥人谷所有，如需转载请注明来源，谢谢