h5前端面试题及答案.docVIP

h5前端面试题及答案

一、单项选择题（每题2分，共20分）

1.HTML5新增的语义化标签是（）

A.divB.spanC.articleD.p

2.以下哪个是CSS3新增的选择器（）

A.elementB.element,elementC.elementelementD.:nth-child(2)

3.以下能在H5中绘制图形的是（）

A.SVGB.canvasC.bothD.none

4.用于检测浏览器是否支持地理定位的方法是（）

A.navigator.geolocationB.window.geolocationC.document.geolocationD.location.geolocation

5.以下哪个事件是HTML5新增的页面加载完成事件（）

A.onloadB.DOMContentLoadedC.readyD.loadComplete

6.localStorage数据存储的有效期是（）

A.会话期间B.关闭浏览器后失效C.长期有效D.1天

7.以下哪个是H5音频元素（）

A.videoB.audioC.sourceD.media

8.以下哪个属性用于设置动画播放次数（）

A.animation-nameB.animation-durationC.animation-iteration-countD.animation-timing-function

9.下列哪个不是HTML5表单新输入类型（）

A.dateB.emailC.passwordD.tel

10.要在H5页面中嵌入外部资源，可使用（）标签

A.linkB.importC.embedD.include

二、多项选择题（每题2分，共20分）

1.HTML5新增的表单元素有（）

A.datalistB.keygenC.outputD.progress

2.以下属于CSS3动画属性的有（）

A.transformB.transitionC.animationD.opacity

3.常用于H5页面适配的方案有（）

A.remB.emC.vw/vhD.px

4.以下哪些API属于HTML5新增（）

A.WebStorageB.WebSocketC.FileAPID.XMLHttpRequest

5.关于canvas说法正确的是（）

A.可以绘制图形B.有自己的绘图上下文C.是HTML5新增标签D.不支持动画

6.下列哪些属性可以设置CSS3过渡效果（）

A.transition-propertyB.transition-durationC.transition-timing-functionD.transition-delay

7.HTML5中语义化标签的作用有（）

A.利于有哪些信誉好的足球投注网站引擎优化B.提高代码可读性C.方便屏幕阅读器理解D.加快页面加载速度

8.以下能用于H5页面布局的有（）

A.flexboxB.gridC.floatD.position

9.关于H5视频说法正确的是（）

A.支持多种视频格式B.可以使用source标签指定视频源C.有控制条属性D.不能设置自动播放

10.以下属于HTML5存储对象的是（）

A.localStorageB.sessionStorageC.cookieD.cacheStorage

三、判断题（每题2分，共20分）

1.HTML5中的header标签只能用于页面顶部。（）

2.CSS3的动画可以无限循环播放。（）

3.canvas绘制的图形是矢量图形。（）

4.localStorage存储的数据会随着HTTP请求一起发送到服务器。（）

5.HTML5新增的input类型可以自动进行表单验证。（）

6.所有浏览器都完全支持HTML5的所有特性。（）

7.使用CSS3的flexbox布局可以方便实现水平和垂直居中。（）

8.H5音频元素不支持暂停功能。（）

9.XMLHttpRequest是HTML5新增的用