仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 710|回复: 8
打印 上一主题 下一主题

[HTML5] 来讲讲:IE6的BUG及修复:谓防患于已然的战略

[复制链接]
小魔女 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:18:03 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
就在新标准备受瞩目之际,两大网络监督机构却起冲突。网页制造poluoluo文章简介:在会商IE6的BUG及怎样修复之前,有需要讲叙一些战略往制止这些末路人的成绩――正所谓防患于已然。
原文:UltimateIE6Cheatsheet:HowToFix25+InternetExplorer6Bugs
翻译:http://www.vfresh.org/w3c/727(译文对原文举行了增补)
在会商IE6BUG及怎样修复之前,有需要讲叙一些战略往制止这些末路人的成绩——正所谓防患于已然。
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的重责大任。
活着的死人 该用户已被删除
沙发
发表于 2015-1-17 21:41:51 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
不帅 该用户已被删除
板凳
发表于 2015-1-24 15:03:47 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
小女巫 该用户已被删除
地板
发表于 2015-2-1 19:04:41 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
变相怪杰 该用户已被删除
5#
发表于 2015-2-7 15:48:57 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
山那边是海 该用户已被删除
6#
发表于 2015-2-22 20:15:59 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
谁可相欹 该用户已被删除
7#
发表于 2015-3-7 04:09:49 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
小魔女 该用户已被删除
8#
 楼主| 发表于 2015-3-14 12:45:12 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
飘飘悠悠 该用户已被删除
9#
发表于 2015-3-21 09:44:55 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-15 12:38

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表