题目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)