html5面试题及答案.pdf

html5面试题及答案

html5面试题及答案一

一.你知道多少种Doctype文档类型?

该标签可声明三种DTD类型，分别表示严格版本、过渡版本以及基于框架

的HTML文档。HTML4.01规定了三种文档类型：Strict、Transitional以及

Frameset。XHTML1.0规定了三种XML文档类型：Strict、Transitional以

及Frameset。Standards(标准)模式(也就是严格呈现模式)用于呈现遵循最新

标准的网页，而Quirks(包容)模式(也就是松散呈现模式或者兼容模式)用于呈

现为传统浏览器而设计的网页。

二.HTML与XHTML二者有什么区别

1.所有的标记都必须要有一个相应的结束标记;2.所有标签的元素和属性

的名字都必须使用小写;3.所有的XML标记都必须合理嵌套;4.所有的属性必须

用引号用引号括起来;5.把所有和特殊符号用编码表示;6.给所有属性赋一个值;7.

不要在注释内容中使“--”;8.图片必须有说明文字;

三.常见兼容性问题?

1.png24位的图片在iE6浏览器上出现背景，解决方案是做成PNG8.也可以

引用一段脚本处理.

2.浏览器默认的margin和padding不同。解决方案是加一个全局的

*{margin:0;padding:0;}来统一。

3.IE6双边距bug:块属性标签float后，又有横行的margin情况下，在ie6

显示margin比设置的大。

4.浮动ie产生的双倍距离(IE6双边距问题：在IE6下，如果对元素设置了

浮动，同时又设置了margin-left或margin-right，margin值会加倍。)

#box{float:left;width:10px;margin:000100px;}这种情况之下IE会产

生20px的距离，解决方案是在float的标签样式控制中加入——

_display:inline;将其转化为行内属性。(_这个符号只有ie6会识别)

5.渐进识别的方式，从总体中逐渐排除局部。

首先，巧妙的使用““”这一标记，将IE游览器从所有情况中分离出来。接

着，再次使用“+”将IE8和IE7、IE6分离开来，这样IE8已经独立识别。

6.IE下,可以使用获取常规属性的方法来获取自定义属性,也可以使用

getAttribute()获取自定义属性;Firefox下,只能使用getAttribute()获取自

定义属性.解决方法:统一通过getAttribute()获取自定义属性.

7.IE下,event对象有x,y属性,但是没有pageX,pageY属性;Firefox

下,event对象有pageX,pageY属性,但是没有x,y属性.

8.解决方法：(条件注释)缺点是在IE浏览器下可能会增加额外的HTTP请求

数。

9.Chrome中文界面下默认会将小于12px的文本强制按照12px显示,可

通过加入CSS属性-webkit-text-size-adjust:none;解决.

10.超链接访问过后hover样式就不出现了被点击访问过的超链接样式不

在具有hover和active了解决方法是改变CSS属性的排列顺序:L-V-H-A:

a:link{}a:visited{}a:hover{}a:active{}

11.怪异模式问题：漏写DTD声明，Firefox仍然会按照标准模式来解析网

页，但在IE中会触发怪异模式。为避免怪