HTML5_CSS3
2017-11-02 本文已影响0人
Lucien_d70a
题目1： HTML5是什么？有哪些新特性？有哪些新增标签？如何让低版本的 IE 支持 HTML5新标签
- HTML5是一个HTML的新版本，是HTML标准的第五次修订。
新特性
- 语义化特性。（localStorage Indexed DB）
- 本地存储特性。（Geolocation功能）
- 链接特性（webSockets）
- 网页多媒体特性（canvas vedio SVG Audio）
- 性能与集成特性（XMLHttpRequest2等技术）
新增的标签
- canvas header footer section aside nav Audio vedio等
如何让低版本的IE支持HTML新特性？
<head>
<!-- 用条件注释的方法在html的头部插入 html5shiv -->
<!--[if lt IE 10]>
<script src="https://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
<![endif]-->
</head>
/*再在css中进行一些相应的设置即可*/
article, aside, dialog, figure, footer, header, menu, nav, section { display: block; }
题目2： input 有哪些新增类型？
-
email: 创建一个需要输入邮箱的文本框，并且提交时表单会自动验证。
-
url：创建一个需要输入url地址的文本框，提交时候表单会自动验证。
-
number：创建一个指接受数字的文本框。
-
search： 用于搜索域，比如站点搜索或 Google 搜索。search 域显示为常规的文本域。
-
tel：创建一个要输入电话号码的文本框。
-
range：创建一个调节活动条。
-
time，date，week，month，datetime-local：创建一个时间文本框。
-
color：创建一个颜色选择器。
题目3： 浏览器本地存储中 cookie 和 localStorage 有什么区别？ localStorage 如何存储删除数据。
| cookie | localStorage |
|---|---|
| cookie存储数据是有过期日期的，当过期日期少于当前日期，数据就会被删除 | localStorage中的数据除非被清楚，不然永久存在和有效。 |
| cookie的储存的数据不能大于4k，同时每次http请求都会携带cookie，因此cookie只适合保存很小的数据。 | localStorage储存的数据虽然有限，但是他比cookie大得多，可以达到5M或者说更多。 |
| 与服务端的通信方式不同。cookie数据始终被携带在同源的http请求中（即使不需要），即cookie会在浏览器和服务器之间来回传递。如果我们使用 cookie 保存过多的数据，可能会带来一些性能问题。 | localStorage不会自动把数据发送给服务器，仅在本地客户端中保存，不参与和服务器之间的通信。 |
| cookie一般用于储存用户身份信息数据。 | localStorage常用于存储浏览器的缓存数据。 |
使用localStorage存储和删除数据的方法如下：
//存储数据
localStorage.setItem("key","key1");
//删除数据
localStorage.removeItem("key");
//清楚所有数据
localStorage.clear()
