|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
就在新标准备受瞩目之际,两大网络监督机构却起冲突。网页制造poluoluo文章简介:在会商IE6的BUG及怎样修复之前,有需要讲叙一些战略往制止这些末路人的成绩――正所谓防患于已然。
原文:UltimateIE6Cheatsheet:HowToFix25+InternetExplorer6Bugs
翻译:http://www.vfresh.org/w3c/727(译文对原文举行了增补)
在会商IE6的BUG及怎样修复之前,有需要讲叙一些战略往制止这些末路人的成绩——正所谓防患于已然。
IE6市场占据率
据MarketShare统计,今朝(2009年8月)IE6的市场占据率为25.25%,可是其他中央的统计分明要低,为18.1%;只管统计了局分歧,但都出现出了下落的趋向(翻译此文时,淘宝的IE6用户已从70%跌破至69%)。可是最主要的,仍是你本人网站的统计数据。假如你对你的网站举行了流量剖析,那末IE6的占据率是不是值得你往针对IE6举行开辟?这必要你本人往衡量。
假如你网站尽年夜部分会见者不利用IE6而且不付费给你,那末你不用特地区针对IE6做兼容,从而节俭工夫、精神及资金。
做一个简便的计划
在做计划的同时思索代码的完成,能够制止一些结构上的成绩。再庞大的计划稿也能用简便的代码完成,假如你利用了过于繁杂的标签,那末你必要从头补葺计划稿。
假如你有丰厚的开辟履历,霸占过良多种结构困难,纪录下你的办理计划,在今后碰着不异成绩时能够进步开辟效力。
利用符合的文档声名(doctype)
利用一个毛病的文档声明会触发quirksmode(奇异形式),准确的文档声明能够包管你的页面在一切扫瞄器下坚持分歧的效果。利用个中的一个文档声名:HTML5,HTML4.01Strict,HTML4.01Frameset,HTML4.01Transitional,XHTML1.0Strict,XHTML1.0Frameset,XHTML1.0Transitional,orXHTML1.1
HTML5
<!DOCTYPEHTML>
HTML4.01Strict
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
HTML4.01Frameset
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Frameset//EN""http://www.w3.org/TR/html4/frameset.dtd">
HTML4.01Transitional
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
XHTML1.0Strict
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML1.0Frameset
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Frameset//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML1.0Transitional
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML1.1
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
网页制造poluoluo文章简介:在会商IE6的BUG及怎样修复之前,有需要讲叙一些战略往制止这些末路人的成绩――正所谓防患于已然。
考证你的代码
我曾传闻过有些人以为校验代码没有任何有用代价,但我不这么以为。校验仅仅只需消费一点点工夫,并且将受害于一切扫瞄器而非仅仅IE6;考证确保了向后兼容而且易于保护。最少也得考证XHTML!独一能够疏忽考证的情形是在你盘算利用CSS3时。
你可使用w3供应的工具考证XHTML/考证CSS
先对尺度扫瞄器举行兼容
在写代码的过程当中,一入手下手在尺度扫瞄器中测试(如Firefox,Opera,Chrome等),然后再往测试非尺度扫瞄器(如IE6/IE7),由于这些尺度扫瞄器都遵守w3c尺度,年夜多的处置体例都不异。你能够分隔来独自往兼容“出格”的IE扫瞄器,如许做能标准你的代码,你将会因而具有踏实的基本;并且假如你不再必要兼容这些非尺度扫瞄器,你能够一次性删除这些修复兼容性代码。
渐进加强(ProgressiveEnhancement)
渐进加强(ProgressiveEnhancement)是为了确保没有页面殊效后基础功效也是可用的。复杂来说,渐进加强是指在确保页面在禁用JavaScript后能一般运作后,再对页面增加各类殊效(JavaScript动画、Ajax异步等等)。我们一样能够使用“渐进加强”准绳来利用CSS3(大概一些CSS2)、HTML5和其他IE6所不撑持的web标准。
某些情形下,是没法让一切用户在任何扫瞄器下都完整千篇一律,出格是那些利用IE6的用户。使用渐进加强战略,能够包管让那些用户最少利用到你网站(或收集使用)的基础功效。
更多渐进加强的材料:
- 了解渐进加强(译文)
- UnderstandingProgressiveEnhancement
- ProgressiveEnhancementWithCSS
- ProgressiveEnhancement:WhatItIs,AndHowToUseIt?
- GracefulDegradationvs.ProgressiveEnhancement
- PragmaticProgressiveEnhancement-WhyYouShouldBotherWithIt
利用本人的预设款式(CSSReset)
每一个扫瞄器都有各自分歧的预设款式,在你的款式表之前利用预设款式(CSSReset)能够制止在以后编写冗杂的扫瞄器兼容款式。在网上有良多CSSReset可供参考。
复杂CSSReset示例:
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,
th,td{margin:0;padding:0;}
一些可供参考的CSSResets:
- YUICSSReset
- EricMeyersResetReloaded
- KISSYCSSReset
利用JavaScript框架
假如你的网站利用了较多的JavaScript殊效,倡议利用JavaScript框架。年夜部分的js框架都兼容了包含IE6在内的各类扫瞄器。可选的框架有良多,但一样平常能用一种框架完成的效果必定能够用别的一种框架完成,以是你能够依据团体喜欢来选择符合的框架。
以下是一些经常使用的JavaScript框架:
- MooTools
- jQuery
- ProtoTypewithScriptaculous
- Dojo
- ExtJS
激烈保举有用MooTools,但假如你是进门者,仍是倡议利用jQuery。
利用JavaScript摹拟尺度扫瞄器
如今有一些JavaScript来使IE摹拟尺度扫瞄器,假如你有较高比例的用户利用IE6而且开启了JavaScript,能够思索利用DeanEdwards的IE7大概相似的剧本。
<small>译者注:不倡议利用这些剧本,由于这些“摹拟”的完成常常会损耗大批的资本,IE原本就够烂了。</small>
怎样在IE下调试页面
在IE下调试页面很贫苦,Firefox下的扩大程序Firebug和WebDeveloperToolbar都是很好用的工具,假如你想在IE或其他扫瞄器上利用firebug,能够用FirebugLite。
在IE下有两种最好的调试办法:IECollection和IETester,而且都是收费的(固然有一点点缺点)。IETester的开辟者也供应了DebugBar这款IE插件收费供团体利用,但贸易用户只可试用60天。
</p>
使得W3C与非正式的WHATWG(网络超文本应用程序技术工作小组)关系开始紧张起来。这些年来,一直是WHATWG肩负起HTML的重责大任。 |
|