文档介绍：web前端开发面试题汇总
1天前653浏览
前端面试题汇总
HTML&CSS
常用那几种浏览器测试有哪些内核(LayoutEngine)(Q1)浏览器：IE，Chrome，FireFo和JS
引擎并没有区分的很明确，以后JS引擎越来越独立，内核就倾向于只指衬着引擎。
html5有哪些新特性怎样办理HTML5新标签的浏览器兼容问题怎样区分HTML和
HTML5
(Q1)HTML5现在已经不是SGML的子集，主假如对于图像，地点，存储，多任务等功
能的增加。
(1)绘画canvas;
用于媒介回放的video和audio元素;
本地离线存储localStorage长久存储数据，浏览器封闭后数据不丢掉;
(4)sessionStorage的数据在浏览器封闭后自动删除;
(5)语意化更好的内容元素，比方article单控件，calendar、date、time、email、url
、footer、search;
、header、nav、section;(6)
表
(7)新的技术webworker,websocket,Geolocation;
(Q2)IE8/IE7/IE6支持经过方法产生的标签，能够利用这一特性让这些浏览器支持
HTML5新标签，浏览器支持新标签后，还需要增添标签默认的样式。也能够直接使用成
熟的框架、比方html5shim，
简述一下你对HTML语义化的理解用正确的标签做正确的事情。
，构造更清晰，便于对浏览器、搜寻引擎解析;
，并且是容易阅读的;
，利于SEO;
，便于阅读维护理解。
##常有兼容性问题
png24位的图片在iE6浏览器上出现背景，解决方案是做成PNG8？.
浏览器默认的margin和padding不同。解决方案是加一个全局的
{margin:0;padding:0;}
来统一。IE6
双边距
bug:块属性标签
float
后，又有横行的
margin
情况下，在
ie6
显示
margin
比设置的大。浮动
ie
产生的双倍距离
#box{float:left;width:10px;margin:000100px;}
？
这种情况之下IE会产生20px的距离，解决方案是在float的标签样式控制中加入
——_display:inline;将其转变为行内属性。(_这个符号只有ie6会辨别)渐进识其他方式，从总体中渐渐清除局部。？
首先，巧妙的使用“9”这一标记，将IE旅行器从所有情况中分别出来。接着，再次使用“+”将IE8和IE7、IE6分别开来，这样IE8已经独立辨别。{？
background-color:#f1ee18;/所有辨别/.background-color:#00deff\9;/IE6、7、8
辨别/+background-color:#a200ff;/IE6、7辨别/_background-color:#1e0bd1;/IE6辨别
/}？
IE下,能够使用获取惯例属性的方法来获取自定义属性,也能够使用getAttribute( )
获取自定义属性;Firefox下,只能使用getAttribute( ):统一通
过getAttribute( ),even对象有x,y属性,可是没有pageX,pageY属性;Firefox下,event对象有pageX,pageY属性,可是没有x,y属性.？
解决方法：（条件说明）缺点是在IE浏览器下可能会增加额外的HTTP恳求数。？
Chrome中文界面下默认会将小于12px的文本强制按照12px显示,可经过加入CSS属
性-webkit-text-size-adjust:none;解决.？
超链接接见