HTML5_CSS3

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

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

题目4： 写出如下 CSS3效果的简单事例

新浪云预览

题目5： 实现如下全屏图加过渡色的效果（具体效果随意）

新浪云预览

题目6： 写出如下 loading 动画效果

新浪云预览