关于HTML5的十大面试题

1.html5的文档类型和字符集分别是什么?

答:<!doctype html>/<meta charset="UTF-8">

2.在html5中如何嵌入一段视频?

答:<audio controls>
          <source src="jamshed.mp3" type="audio/mpeg">
          Your browser doesn't support audio embedding feature.
       </audio>

3.在html5中如何嵌入一段音频?

答:<video width="450" height="340" controls>
           <source src="jamshed.mp4" type="video/mp4">
           Your browser does'nt support video embedding feature.
       </video>

4.除了音频和视频外,html5还支持哪些新的媒体元素?

答:<embed>外部应用程序的一个容器
       <track>为媒体定义文本轨道
      <source>为元素<video>和<audio>定义多媒体资源

5.在html5中 canvas元素的用法是什么?

答:html5的<canvas>是一个在脚本的帮助下可以绘制图形的元素,<canvas>就像是一个图形的容器,其他的事情会由脚本来完成,我们可以用这个元素去绘制一些图片,图形或者一些小的动画等等。

6.html5有哪些不同类型的存储?

答:html5可以存储本地数据,这个储存的好处是又快又安全,有两个不同的对象,可以用来存储数据:

      localStorage:即使浏览器已经关闭,也会储存数据较长一段时间。

     sessionStorage:储存特定会话的数据

7.html5引入了哪些新的表单元素

答:datalist
       datetime
       output
       keygen
       date
       month
       week
       time
       number
       range
       email
       url

8.相对于html4,html5弃用了哪些元素?

答:frame
       frameset
       noframe
       applet
       big
       center
       basefront

9.html5提供了哪些新的API?

答:媒体API、文本轨道API、应用程序缓存API、用户交互、数据传输API、命令API、约束验证API、历史API。

10.HTML5应用程序缓存和普通的HTML浏览器缓存之间的区别是什么?

答:html5的主要功能之一是“应用程序缓存”,它可以使我们能够做一个Web应用程序的离线版本,它可以在本地获取如CSS,HTML,图像,JavaScript等等几个或者全部的网站内容,该功能提升了网站的性能。可通     过manifest属性,按照如下的方法实现:
      <!doctype html>
        <html manifest="example.appcache">
          .....
      </html>
相比传统的浏览器缓存,它并不是强制的让用户访问的网站内容全部被缓存。

posted @ 2013-10-24 09:24  风与叶子  阅读(2167)  评论(0编辑  收藏  举报