1. h5开发，它指的是什么？和 HTML5有什么关系?
- HTML5是一项标准，是HTML语言标准的第五次升级，不是单一的技术，浏览器对标准的支持程度不一；所以要么按理论去讨论HTML5标准，要么按实践去讨论HTML5标准在浏览器的应用（诸如<video>等新标签）；
- H5是一个解决方案，一个技术集合，而不是具体的技术，当讨论H5时，通常是要运用各种前端技术做出酷炫的移动端单页面应用；
- H5是产品名词，HTML5是技术名词，两者并没有任何关系，如果要做H5酷炫应用，用HTML4也可以完成。
2. HTML5是什么？有哪些新特性？有哪些新增标签？如何让低版本的 IE 支持 HTML5新标签
- HTML5是HTML标记语言的第五次升级标准；
- 增加了语义化的标签、新的属性、支持视频音频的嵌入、全面支持CSS3、2D/3D制图、本地存储、web应用；
- 新增标签：
-
<canvas>标签定义图形，比如图表和其他图像； -
<audio>定义音频内容； -
<video>定义视频内容； -
<source>定义多媒体资源<audio>和<video>； -
<embed>定义嵌入内容，比如插件； -
<track>为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道； -
<datalist>定义选项列表。与 input 元素配合使用该元素，来定义 input 可能的值； -
<keygen>规定用于表单的密钥对生成器内容； -
<output>定义不同类型的输出，比如脚本的输出； -
<article>定义页面内独立的内容区域； -
<aside>定义页面的侧边栏内容； -
<dialog>定义对话框，比如提示框； -
<figure>定义独立的流内容； -
<footer>定义 section 或 document 的页脚； -
<section>定义文档中的节（section、区段）； -
<time>定义日期或时间； - 更多
-
- 让低版本IE浏览器兼容HTML5，可以借用html5shiv：
<head>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->
</head>
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');
Coding:
本文归本人和饥人谷所有，如需转载请注明来源，谢谢
网友评论