关于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>
相比传统的浏览器缓存,它并不是强制的让用户访问的网站内容全部被缓存。