【HTML】根据不同的浏览器类型写不同的HTML代码

没有jQuery与javascript等脚本,直接在HTML代码中,也是可以,要求不同的浏览器执行不同的HTML代码。

这里利用到IE注释。

比如如下代码:

<html>
<body>
    <!--[if lte IE 7]>
        <h1>根据条件判断,这是版本小于等于7的Internet Explorer<br /></h1>
    <![endif]-->
    <!--[if gt IE 7]>
        <h5>根据条件判断,这是版本大于7的Internet Explorer<br /></h5>
    <![endif]-->
    <!--[if !IE]>-->
        这不是Internet Explorer
    <!--<![endif]-->
</body>
</html>

在不同的浏览器版本出来的效果如下:


这里的IE注释,是类似<!--[if gt IE 7]>与<![endif]-->的对子。<![endif]-->是不变的。

其中的lte意为小于等于,gt则是大于不等于。

比如你写成<!--[if gt IE 7]>与<![endif]-->就是大于IE7的IE浏览器执行,IE注释里面的代码。

一般来说对代码的写作以IE7为界限就好。

当然,我们习惯性地认为大于IE7就是包括谷歌、火狐等浏览器,实质不是,这里浏览器还要利用<!--[if !IE]>--><![endif]-->去判断。

同时,这样的IE注释,大量用于JS与CSS文件的引用。

比如常见的:

<!--[if lt IE 9]>
    <script src='jquery-1.9.0.js'></script>
<![endif]-->
<!--[if gte IE 9]>
    <script src='jquery-2.0.0.js'></script>
<![endif]-->
<!--[if !IE]>-->
    <script src='jquery-2.0.0.js'></script>
<![endif]-->

就是在IE6、IE7、IE8使用Jquery1.9,大于这些版本的,则使用Jquery2.0.

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值