文档介绍：HTML 篇: 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 规范。(重点:告诉浏览器按照何种规范解析页面) 模式是什么?它和 Standards 模式有什么区别答案: 从 IE6 开始,引入了 Standards 模式,标准模式中,浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度。在 IE6 之前 CSS 还不够成熟, 所以 IE5 等之前的浏览器对 CSS 的支持很差, IE6 将对 CS S 提供更好的支持, 然而这时的问题就来了, 因为有很多页面是基于旧的布局方式写的, 而如果 IE6 支持 CSS 则将令这些页面显示不正常,如何在即保证不破坏现有页面,又提供新的渲染机制呢? 在写程序时我们也会经常遇到这样的问题, 如何保证原来的接口不变, 又提供更强大的功能, 尤其是新功能不兼容旧功能时。遇到这种问题时的一个常见做法是增加参数和分支, 即当某个参数为真时,我们就使用新功能,而如果这个参数不为真时,就使用旧功能,这样就能不破坏原有的程序, 又提供新功能。 IE6 也是类似这样做的, 它将 DTD 当成了这个“参数”, 因为以前的页面大家都不会去写 DTD , 所以 IE6 就假定如果写了 DTD , 就意味着这个页面将采用对 CSS 支持更好的布局, 而如果没有, 则采用兼容之前的布局方式。这就是 Quirk s 模式(怪癖模式,诡异模式,怪异模式)。区别: 总体会有布局、样式解析和脚本执行三个方面的区别。盒模型:在 W3C 标准中, 如果设置一个元素的宽度和高度, 指的是元素内容的宽度和高度, 而在 Quirks 模式下, IE 的宽度和高度还包含了 padding 和 border 。设置行内元素的高宽:在 Standards 模式下,给<span> 等行内元素设置 wdith 和 heigh t 都不会生效,而在 quirks 模式下,则会生效。设置百分比的高度:在 standards 模式下,一个元素的高度是由其包含的内容来决定的, 如果父元素没有设置百分比的高度,子元素设置一个百分比的高度是无效的用 margin:0 auto 设置水平居中:使用 margin:0 auto 在 standards 模式下可以使元素水平居中,但在 quirks 模式下却会失效。(还有很多, 答出什么不重要, 关键是看他答出的这些是不是自己经验遇到的, 还是说都是看文章看的,甚至完全不知道。) +css 的布局较 table 布局有什么优点? ?改版的时候更方便只要改 css 文件。?页面加载速度更快、结构化清晰、页面显示简洁。?表现与结构相分离。?易于优化( seo )搜索引擎更友好,排名更容易靠前。 : 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 : 一开始就构建完整的功能, 然后再针对低版本浏览器进行兼容。区别: 优雅降级是从复杂的现状开始, 并试图减少用户体验的供给, 而渐进增强则是从一个非常基础的, 能够起作用的版本开始, 并不断扩充, 以适应未来环境的需要。降级( 功能衰减)意味着往回看