兰色精灵 发表于 2015-1-15 23:17:43

html教程之网页制造教程:独自对IE6举行兼容

但他也直言说,这就像写软件时,在添加改善的新功能时,难免遭遇稳定性的问题,必须先把问题清除干净,才能推出新产品。网页制造Poluoluo文章简介:IE6最终备忘单――对IE6独自兼容.
原文:UltimateIE6Cheatsheet:HowToFix25+InternetExplorer6Bugs
翻译:http://www.vfresh.org/w3c/727(译文对原文举行了增补)
兼容IE6的第一步就是独自对IE举行兼容,你针对IE6所写的代码只影响IE6;有几种办法能够辨别开IE6:IE特有前提正文、CSS选择器、JavaScript,我们将一一会商。
利用IE特有前提正文
微软给IE增加了前提正文以辨别分歧版本,任何器材都能够塞进前提正文里:标签、JavaScript、js文件、css、内联款式。可使用前提正文来针对某一个IE扫瞄器版原本编写代码。
划定规矩以下:(译注:可参考IE特有正文(hack))
运转代码框
这段笔墨会在一切扫瞄器显现<!-->这段笔墨仅显现在IE6及IE6以下版本。ThismessagewillonlyappearinversionsofInternetExplorerlessthanorequaltoversion6.<!--><!-->这段笔墨仅显现在IE6及IE6以上版本。ThismessagewillonlyappearinversionsofInternetExplorergreaterthanorequaltoversion6.<!--><!-->这段笔墨仅显现在IE6以上版本(不包括IE6)。ThismessagewillonlyappearinversionsofInternetExplorergreaterthanversion6.<!--><!-->这段笔墨仅显现在IE5.5。ThismessagewillonlyappearinInternetExplorer5.5.<!--><!--在IE6及IE6以下版本中加载css--><!-->
[*]<!-->这段笔墨会在一切扫瞄器显现

利用前提正文加载css的优点是这些款式是自力于其他css文件的,因而不会在编写兼容代码时弄得一团糟;并且当IE6的市场份额下降到不必要兼容时,能够疾速的清算失落。
利用前提正文的独一弱点是在IE扫瞄器下会增添分外的HTTP哀求数,以是必要衡量是不是如许做。但我不倡议利用前提正文加载内部js文件,由于js文件会形成停滞,在js未加载完之前其他文件都不会被加载;关于js请利用JavaScript程序来辨别扫瞄器而非前提正文。
利用CSS选择器辨别开IE6
假如你不盘算利用前提正文,CSS选择器是别的一个辨别开IE6的举措,IE6不撑持子选择器;先针对IE6利用惯例声名CSS选择器,然后再用子选择器针对IE7+及其他扫瞄器。
示例:
运转代码框
<styletype="text/css">/*IE6公用*/.content{color:red;}/*其他扫瞄器*/div>p.content{color:blue;}</style><div><pclass="header">SomeHeaderTextHere</div>

这个办法的弱点是简单把款式表弄得一团糟,以是必定要写好正文申明。
在示例中,针对IE6写的款式在其他扫瞄器中也会实行,但(尺度扫瞄器中)以后的子选择器掩盖了之前的声名,而IE6不撑持子选择器以是疏忽了它。
扩大浏览:


[*]CSSBrowserCompatibilityChart
[*]MasterBrowserCompatibilityChart
利用JavaScript辨别开IE6
假如你想要利用JavaScript辨别开IE6,请看示例:
//原生JavaScript
if(typeofdocument.body.style.maxHeight==="undefined"){
alert(IE6Detected);
}
//MooTools(框架)
if(Browser.Engine.trident4){
alert(IE6Detected);
}
//jQuery(框架)
if(($.browser.msie)&&($.browser.version=="6.0")){
alert(IE6Detected);
}
扩大浏览:


[*]QuirksmodesBrowserObject
[*]MooToolsBrowserObject
[*]jQueryssupportutility
</p>
一些公司联合起来,成立了一个叫做WebHypertextApplicationTechnologyWorkingGroup(Web超文本应用技术工作组-WHATWG)的组织。

小女巫 发表于 2015-1-17 21:39:11

Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

分手快乐 发表于 2015-1-24 16:02:25

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。

愤怒的大鸟 发表于 2015-2-2 10:57:23

是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。

仓酷云 发表于 2015-2-7 19:02:05

还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。

透明 发表于 2015-2-23 09:03:28

Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

活着的死人 发表于 2015-3-7 07:54:40

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。

第二个灵魂 发表于 2015-3-21 15:25:36

直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
页: [1]
查看完整版本: html教程之网页制造教程:独自对IE6举行兼容