| 失效链接处理 |
|
HTML面试题大?PDF 下蝲
本站整理下蝲Q?/strong>
链接Q?a target="_blank">https://pan.baidu.com/s/1ZgyefqNazQL8HFaPJNHiqQ
提取码：(x)kd3x
相关截图Q?/strong>
主要内容Q?/strong>
一、HTML ?CSS
1. 你做的页面在哪些览器测试过Q这些浏览器的内核分别是什?
IE: trident 内核
FirefoxQgecko 内核
Safari:webkit 内核
Opera:以前?presto 内核QOpera 现已改用 Google Chrome ?Blink 内核
Chrome:Blink(Z webkitQGoogle ?Opera Software 共同开?
2. 每个 HTML 文g里开头都有个很重要的东西QDoctypeQ知道这是干什么的
吗？
<!DOCTYPE> 声明位于文中的最前面的位|，处于 <html> 标签之前。此标签可告知浏
览器文使用哪种 HTML ?XHTML 规范。（重点Q告诉浏览器按照何种规范解析面Q?/div>
3. Quirks 模式是什么？它和 Standards 模式有什么区??IE6 开始，引入?Standards 模式Q标准模式中Q浏览器试l符合标准的文在规范上
的正处理达到在指定览器中的程度?/div>
?IE6 之前 CSS q不够成熟，所?IE5 {之前的览器对 CSS 的支持很差， IE6 对 CSS
提供更好的支持，然而这时的问题来?jin)，因?f)有很多页面是Z旧的布局方式写的Q而如
?IE6 支持 CSS 则将令这些页面显CZ正常Q如何在即保证不破坏现有面Q又提供新的
渲染机制呢？
在写E序时我们也?x)经帔R到这L(fng)问题Q如何保证原来的接口不变Q又提供更强大的功能Q?/div>
其是新功能不兼Ҏ(gu)功能时。遇到这U问题时的一个常见做法是增加参数和分支，卛_?/div>
个参Cؓ(f)真时Q我们就使用新功能，而如果这个参?不ؓ(f)真时Q就使用旧功能，q样p
不破坏原有的E序Q又提供新功能。IE6 也是cMq样做的Q它?yu)?DTD 当成?jin)这?ldquo;参数”Q?/div>
因ؓ(f)以前的页面大安不会(x)d DTDQ所?IE6 假?如果写了(jin) DTDQ就意味着q个面
采用对 CSS 支持更好的布局Q而如果没有，则采用兼容之前的布局方式。这是 Quirks
模式Q怪癖模式Q诡异模式，怪异模式Q?/div>
区别Q?/div>
M?x)有布局、样式解析和脚本执行三个斚w的区别?/div>
盒模型：(x)?W3C 标准中，如果讄一个元素的宽度和高度，指的是元素内容的宽度和高度，
而在 Quirks 模式下，IE 的宽度和高度q包含了(jin) padding ?border?/div>
讄行内元素的高宽：(x)?Standards 模式下，l?lt;span>{行内元素设|?wdith ?height ?/div>
不会(x)生效Q而在 quirks 模式下，则会(x)生效?/div>
讄癑ֈ比的高度Q在 standards 模式下，一个元素的高度是由其包含的内容来决定的Q如
果父元素没有讄癑ֈ比的高度Q子元素讄一个百分比的高度是无效的用
margin:0 auto 讄水^居中Q?margin:0 auto ?standards 模式下可以元素水^
居中Q但?quirks 模式下却?x)失效?/div>
Q还有很多，{出什么不重要Q关键是看他{出的这些是不是自己l验遇到的，q是说都?/div>
看文章看的，甚至完全不知道。）(j)
4. div+css 的布局?table 布局有什么优点？
改版的时候更方便 只要?css 文g?/div>
面加蝲速度更快、结构化清晰、页面显C简z?/div>
表现与结构相分离?/div>
易于优化QseoQ搜索引擎更友好Q排名更Ҏ(gu)靠前?/div>
5. img ?alt ?title 有何异同Q?strong ?em 的异同？
a:alt(alt text):Z能显C图像、窗体或 applets 的用户代理（UAQ，alt 属性用来指
定替换文字。替换文字的语言?lang 属性指定??IE 览器下?x)在没?title 时把 alt
当成 tool tip 昄)
title(tool tip):该属性ؓ(f)讄该属性的元素提供性的信息?/div>
strong:_体标签Q强调，表示内容的重要?/div>
em:斜体标签Q更强烈Q表C内容的?/div>
6. 你能描述一下渐q增强和优雅降之间的不同吗?
渐进增强 progressive enhancementQ针对低版本览器进行构建页面，保证最基本的功
能，然后再针寚wU浏览器q行效果、交互等改进和追加功能达到更好的用户体验?/div>
优雅降 graceful degradationQ一开始就构徏完整的功能，然后再针对低版本览?/div>
q行兼容?/div>
区别Q优雅降U是从复杂的现状开始，q试囑և用户体验的供给Q而渐q增强则是从一?/div>
非常基础的，能够起作用的版本开始，q不断扩充，以适应未来环境的需要。降U（功能?/div>
减）(j)意味着往回看Q而渐q增强则意味着朝前看，同时保证其根基处于安全地带?/div>
“优雅降”观点
“优雅降”观点认ؓ(f)应该针对那些最高、最完善的浏览器来设计网站。而将那些被认?/div>
“q时”或有功能~失的浏览器下的试工作安排在开发周期的最后阶D，q把试对象?/div>
定ؓ(f)L览器（?IE、Mozilla {）(j)的前一个版本?/div>
在这U设计范例下Q旧版的览器被认ؓ(f)仅能提供“陋却?/div>
?(poor, but passable)” 的浏览体验。你可以做一些小的调整来适应某个特定的浏
览器。但׃它们q我们所x的焦点，因此除了(jin)修复较大的错误之外，其它的差异将?/div>
直接忽略?/div>
“渐进增强”观点
“渐进增强”观点则认为应x于内Ҏ(gu)w?/div>
内容是我们徏立网站的诱因。有的网站展C它Q有的则攉它，有的LQ有的操作，q有
的网站甚至会(x)包含以上的种U，但相同点是它们全都涉?qing)到内容。这使得“渐进增强”成ؓ(f)
一U更为合理的设计范例。这也是它立卌 Yahoo! 所采纳q用以构建其“分式浏览器
支持 (Graded Browser Support)”{略的原因所在?/div>
那么问题来了(jin)。现在品经理看?IE6,7,8 |页效果相对高版本现代浏览器了(jin)很多圆角Q?/div>
阴媄(jing)QCSS3Q，要求兼容Q用图片背景，攑ּ CSS3Q，你会(x)如何说服他？
7. Z么利用多个域名来存储|站资源?x)更有效Q?nbsp;
CDN ~存更方?/div>
H破览器ƈ发限?/div>
节约 cookie 带宽
节约d名的q接敎ͼ优化面响应速度
|
| Java1234官方?5Q?/td> | 
|
| Java1234官方?5Q?/td> | 838462530 |
苏公|安?32061202001004?/p>
