仓酷云

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

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

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

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

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

x
但他也直言说,这就像写软件时,在添加改善的新功能时,难免遭遇稳定性的问题,必须先把问题清除干净,才能推出新产品。网页制造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))
运转代码框
这段笔墨会在一切扫瞄器显现<!--[iflteIE6]>这段笔墨仅显现在IE6及IE6以下版本。ThismessagewillonlyappearinversionsofInternetExplorerlessthanorequaltoversion6.<![endif]--><!--[ifgteIE6]>这段笔墨仅显现在IE6及IE6以上版本。ThismessagewillonlyappearinversionsofInternetExplorergreaterthanorequaltoversion6.<![endif]--><!--[ifgtIE6]>这段笔墨仅显现在IE6以上版本(不包括IE6)。ThismessagewillonlyappearinversionsofInternetExplorergreaterthanversion6.<![endif]--><!--[ifIE5.5]>这段笔墨仅显现在IE5.5。ThismessagewillonlyappearinInternetExplorer5.5.<![endif]--><!--在IE6及IE6以下版本中加载css--><!--[iflteIE6]>
  • <![endif]-->这段笔墨会在一切扫瞄器显现
    [Ctrl+A全体选择提醒:你可先修正部分代码,再按运转]
    利用前提正文加载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>
    [Ctrl+A全体选择提醒:你可先修正部分代码,再按运转]
    这个办法的弱点是简单把款式表弄得一团糟,以是必定要写好正文申明。
    在示例中,针对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 | 只看该作者
    是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
    5#
    发表于 2015-2-7 19:02:05 | 只看该作者
    还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
    透明 该用户已被删除
    6#
    发表于 2015-2-23 09:03:28 | 只看该作者
    Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
    活着的死人 该用户已被删除
    7#
    发表于 2015-3-7 07:54:40 | 只看该作者
    我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
    第二个灵魂 该用户已被删除
    8#
    发表于 2015-3-21 15:25:36 | 只看该作者
    直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2024-12-23 06:47

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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