题目1： HTML5是什么？有哪些新特性？有哪些新增标签？如何让低版本的 IE 支持 HTML5新标签
-
HTML5是超文本标记语言的第五次重大修改，目的是为了在移动设备上支持多媒体。
-
新特性：
① 语义特性
HTML5赋予网页更好的意义和结构。比如HTML5增加了新的内容标签，这些标签带有一定的语义，使搜索引擎爬取你的网站信息更高效。② 本地存储特性
基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。③ 设备兼容特性
HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。④ 链接特性
更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。⑤ 网页多媒体特性
支持网页端的Audio、Video等多媒体功能， 与网站自带的APPS，摄像头，影音功能相得益彰。⑥ 性能与集成特性
HTML5会通过XMLHttpRequest2等技术，解决以前的跨域等问题，帮助您的Web应用和网站在多样化的环境中更快速的工作。⑦ css3
在不牺牲性能和语义结构的前提下，CSS3中提供了更多的风格和更强的效果。 -
新增标签：
audio：定义音频内容
video：定义视频（video 或者 movie）
article：定义页面正文内容
bdi：设置一段文本，使其脱离其父元素的文本方向设置
nav：导航
header：头部
footer：页脚
aside：定义页面内容之外的内容
...... -
低版本的 IE 支持 HTML5新标签
引入兼容性js
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
题目2： input 有哪些新增类型？
email 类型用于应该包含 e-mail 地址的输入域。
url 类型用于应该包含 URL 地址的输入域。
number 类型用于应该包含数值的输入域。
range 类型显示为滑动条。
Date Pickers日期选择器
题目3： 浏览器本地存储中 cookie 和 localStorage 有什么区别？ localStorage 如何存储删除数据。
- 区别：
- cookie数据始终在同源的http请求中携带（即使不需要），localStorage不会自动把数据发给服务器，仅在本地保存。
- 存储大小限制也不同，cookie数据不能超过4k，localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。
- 数据有效期不同，localStorage始终有效，cookie只在设置的cookie过期时间之前一直有效。
清空全部数据：localStorage.clear() 删除数据：localStorage.removeItem(key)
网友评论