BAT及各大互联网公司2016前端笔试面试题(Html).doc

1.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?? IE: trident内核?? Firefox：gecko内核?? Safari:webkit内核? Opera:以前是presto内核，Opera现已改用Google Chrome的Blink内核 ? Chrome:Blink(基于webkit，Google与Opera Software共同开发) 2.每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？ 　　答案：!DOCTYPE 声明位于文档中的最前面的位置，处于 html 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。（重点：告诉浏览器按照何种规范解析页面） 3.Quirks模式是什么？它和Standards模式有什么区别 　　答案： 　　从IE6开始，引入了Standards模式，标准模式中，浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度。 　　在IE6之前CSS还不够成熟，所以IE5等之前的浏览器对CSS的支持很差， IE6将对CSS提供更好的支持，然而这时的问题就来了，因为有很多页面是基于旧的布局方式写的，而如果IE6 支持CSS则将令这些页面显示不正常，如何在即保证不破坏现有页面，又提供新的渲染机制呢？ 　　在写程序时我们也会经常遇到这样的问题，如何保证原来的接口不变，又提供更强大的功能，尤其是新功能不兼容旧功能时。遇到这种问题时的一个常见做法是增加参数和分支，即当某个参数为真时，我们就使用新功能，而如果这个参数 不为真时，就使用旧功能，这样就能不破坏原有的程序，又提供新功能。IE6也是类似这样做的，它将DTD当成了这个“参数”，因为以前的页面大家都不会去写DTD，所以IE6就假定 如果写了DTD，就意味着这个页面将采用对CSS支持更好的布局，而如果没有，则采用兼容之前的布局方式。这就是Quirks模式（怪癖模式，诡异模式，怪异模式）。 　　区别： 　　总体会有布局、样式解析和脚本执行三个方面的区别。 　　盒模型：在W3C标准中，如果设置一个元素的宽度和高度，指的是元素内容的宽度和高度，而在Quirks 模式下，IE的宽度和高度还包含了padding和border。 设置行内元素的高宽：在Standards模式下，给span等行内元素设置wdith和height都不会生效，而在quirks模式下，则会生效。　　设置百分比的高度：在standards模式下，一个元素的高度是由其包含的内容来决定的，如果父元素没有设置百分比的高度，子元素设置一个百分比的高度是无效的用margin:0 auto设置水平居中：使用margin:0 auto在standards模式下可以使元素水平居中，但在quirks模式下却会失效。　　（还有很多，答出什么不重要，关键是看他答出的这些是不是自己经验遇到的，还是说都是看文章看的，甚至完全不知道。）?　　4.div+css的布局较table布局有什么优点？ ?改版的时候更方便 只要改css文件。?页面加载速度更快、结构化清晰、页面显示简洁。?表现与结构相分离。?易于优化（seo）搜索引擎更友好，排名更容易靠前。?　　5.a：img的alt与title有何异同？b：strong与em的异同？ 　　答案：　　a:?alt(alt text):为不能显示图像、窗体或applets的用户代理（UA），alt属性用来指定替换文字。替换文字的语言由lang属性指定。(在IE浏览器下会在没有title时把alt当成 tool tip显示)?title(tool tip):该属性为设置该属性的元素提供建议性的信息。　　b:?strong:粗体强调标签，强调，表示内容的重要性?em:斜体强调标签，更强烈强调，表示内容的强调点　　　　6.你能描述一下渐进增强和优雅降级之间的不同吗? ?渐进增强 progressive enhancement：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。?优雅降级 graceful degradation：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。?　　区别：优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是从一个非常基础的，能够起作用的版本开始，并不断扩充，以适应未来环境的需要。降级（功能衰减）意味着往回看；而渐进增强则意味着朝前看，同时保证其根基处于安全地带。　　　　“优雅降级”观点　　“优雅降级”观点认为应该针对那些最高级、最完善的浏览器来设计网站。而将那些被认为“过时”或有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段，