BAT前端H5面试题大全.pdf

HTML5笔试题

HTML4

1.元素的Alt和title有什么异同,选出正确的说法？不同的浏览器,表现一样C

A、Alt和title同时设置的时候,Alt作为图片的代替文字出现title是图片的解释文字

B、Alt和title同时设置的时候,title作为图片的代替文字出现,Alt是图片的解释文字

C、以上说法都不正确

答案：

Alt属性使用在img

Title属性使用在或普通文字

参考答案：

2.想要找到表单中的hidden元素,下面哪个是正确的？〔单选〕B

A、visibleB、hiddenC、visibleD、hidden

答案：B

本题考查的是jquery方法介绍

前两个为：hidden/:visible用来选择隐藏的/可见的元素；.visible/.hidden使元素显示/隐藏-为方法

参考答案：

3.介绍一下你对浏览器内核的理解？

答案：

首先：浏览器内核的常用种类1、IE：Trident内核

2、谷歌[Chrome]/Safari：webkit内核

3、火狐：Gecko内核

4、Opera：Presto内核

其次：从浏览器内核组成方面

主要包含两部分渲染引擎和js引擎

渲染引擎：负责取得网页的内容〔HTML、XML图像等等〕,整理讯息〔例如加入css〕,

以与计算网页的显示方式、然后输出至显示器或打印机.浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的结果

也不相同,所以渲染的效果也不相同.

Js引擎：解析和执行javascript来实现网页的动态效果

最开始渲染引擎和js引擎并没有区别的很明确,后来js引擎越来越独立,内核就倾向于只指渲染引擎

4.说下行内元素和块级元素的区别？行内块元素的兼容性使用？

答案：

第一、行内元素和块级元素的区别

1》方案：

行内元素最好不要包裹块级元素,但是块级元素可以任意的包裹行内元素

行内元素如果其上一个元素也是行内元素,则他们会分布在统一水平线上,即在一行上排列,

块级元素不论上一个元素是行内元素还是块级元素都要另起一行,单独占一行.

对于行内元素设置with、height、margin值无效,但对于块级元素,设置这些值是有效的.

2》在标准文档流里面：

块级元素具有以下特点：[display:block]

1、块级元素会独占一行,默认情况下,其宽度自动填满其父元素宽度,与内容无关

.

2、宽度、高度、行高以与外边距和内边距都可控制

3、块级元素可以设置margin和padding属性

4、它可以容纳内联元素和其他块元素

行内元素的特点：[dispaly:inline]

1、行内元素不会独占一行,相邻的行内元素会排列在同一行里,直到一行排不下,才会换行,其宽度随元素的内容而变化.

2、宽度、高度、行高与外边距和内边距部分可改变

3、行内元素的margin和padding属性,水平方向的padding-left,padding-right,margin-left,margin-right都产生边距效果,

但竖直方向的padding-top,padding-bottom,margin-top,margin-bottom却不会产生边距效果.

4、行内元素只能容纳文本或者其他行内元素,不可以设置宽高,其宽度随着内容增加,高度随字体大小而改变,内联元素可以

设置外边界,但是外边界不对上下起作用,只能对左右起作用,也可以设置内边界,但是内边界在IE6中不对上下起作用,