前端早早聊跳槽面试辅导营

Html5

1、HTML5新特性有哪些？

添加了video，radio标签

添加了canvas画布和svg,渲染矢量图片

添加了一些列语义化标签header,footer,main,section,aside,nav等

input的type值新添加了很多属性（email，url，number，range，Date pickers (date, month, week, time, datetime, datetime-local)，search，color）

添加了地理位置定位功能 Geolocation API

添加了web存储功能，localStorage和sessionStorage

使用 HTML5，通过创建 cache manifest 文件，可以轻松地创建 web 应用的离线版本

web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。

服务端事件推送（EventSource 对象用于接收服务器发送事件通知），所有主流浏览器均支持服务器发送事件，除了 Internet Explorer

2、常见的块级元素与行内元素

常见行内元素标签：

a、br、code、em、img、input...

常见块级元素标签：

div、p、dl、dt、form、h1~h6...

3、渐进增强与优雅降级的理解及区别

渐进增强（Progressive Enhancement）：

一开始就针对低版本浏览器进行构建页面，完成基本的功能，然后再针对高级浏览器进行效果、交互、追加功能达到更好的体验。

优雅降级（Graceful Degradation）：

一开始就构建站点的完整功能，然后针对浏览器测试和修复。比如一开始使用 CSS3 的特性构建了一个应用，然后逐步针对各大浏览器进行 hack 使其可以在低版本浏览器上正常浏览。

两者区别？

1、广义：

其实要定义一个基准线，在此之上的增强叫做渐进增强，在此之下的兼容叫优雅降级

2、狭义：

渐进增强一般说的是使用CSS3技术，在不影响老浏览器的正常显示与使用情形下来增强体验，而优雅降级则是体现html标签的语义，以便在js/css的加载失败/被禁用时，也不影响用户的相应功能。

例子：

.transition { /*渐进增强写法*/

  -webkit-transition: all .5s;

    -moz-transition: all .5s;

      -o-transition: all .5s;

          transition: all .5s;

}