• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • YouClaw
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

我的博客我做主

  • 博客园
  • 联系
  • 订阅
  • 管理

公告

View Post

<!--[if IE]>的作用是什么

<!--[if !IE]>除IE外都可识别<!--<![endif]-->
<!--[if IE]> 所有的IE可识别 <![endif]-->
<!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]-->
<!--[if IE 5]> 仅IE5.0与IE5.5可以识别 <![endif]-->
<!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 <![endif]-->
<!--[if IE 6]> 仅IE6可识别 <![endif]-->
<!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]-->
<!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]-->
<!--[if IE 7]> 仅IE7可识别 <![endif]-->
<!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]-->
<!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]-->
<!--[if lte IE 6]>……<![endif]-->

以上代码可以看出,此语法格式就是一个判断语句,用来判断在不同的IE浏览器版本下执行不同的代码。

名称解释:

lte:就是Less than or equal to的简写,也就是小于或等于的意思。 
lt :就是Less than的简写,也就是小于的意思。 
gte:就是Greater than or equal to的简写,也就是大于或等于的意思。 
gt :就是Greater than的简写,也就是大于的意思。 
! :就是不等于的意思,跟javascript里的不等于判断符相同

语法格式:

<!--[if IE]>这里是正常的html代码<![endif]-->

特别说明:

1.此结构除IE浏览器以外的浏览器都会当做html注释处理,不会进行解析。

2.此结构只能够用在html结构中,不能写在CSS代码中进行判断。

实例代码:

<style type="text/css"> 
body{ 
  background-color:#000; 
} 
</style> 
<!--[if IE]> 
<style type="text/css"> 
body{ 
  background-color:#F00; 
} 
</style> 
<![endif]-->

以上代码是正确的,但是不能够写为以下形式:

<style type="text/css"> 
body{ 
  background-color:#000; 
} 
<!--[if IE]> 
body{ 
  background-color:#F00; 
} 
<![endif]-->
</style>

转载自 :http://www.softwhy.com/article-651-1.html

在很多网页的代码中可能会发现类似标题中的代码,但是它们呈现灰色,如果学过一点编程语言,它们看上去像是一个判断语句,下面就来介绍一下它们的用法,希望能够给需要的朋友带来一定的帮助。

因为IE浏览器版本众多,这种产生的众多的兼容性问题,因而它的出现也是对此问题的一种解决方案。

先看一串实例:

[HTML] 纯文本查看 复制代码
01
02
03
04
05
06
07
08
09
10
11
12
<!--[if !IE]>除IE外都可识别<!--<![endif]-->
<!--[if IE]> 所有的IE可识别 <![endif]-->
<!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]-->
<!--[if IE 5]> 仅IE5.0与IE5.5可以识别 <![endif]-->
<!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 <![endif]-->
<!--[if IE 6]> 仅IE6可识别 <![endif]-->
<!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]-->
<!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]-->
<!--[if IE 7]> 仅IE7可识别 <![endif]-->
<!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]-->
<!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]-->
<!--[if lte IE 6]>……<![endif]-->

以上代码可以看出,此语法格式就是一个判断语句,用来判断在不同的IE浏览器版本下执行不同的代码。

名称解释:

[HTML] 纯文本查看 复制代码
1
2
3
4
5
lte:就是Less than or equal to的简写,也就是小于或等于的意思。
lt :就是Less than的简写,也就是小于的意思。
gte:就是Greater than or equal to的简写,也就是大于或等于的意思。
gt :就是Greater than的简写,也就是大于的意思。
! :就是不等于的意思,跟javascript里的不等于判断符相同

语法格式:

[HTML] 纯文本查看 复制代码
1
<!--[if IE]>这里是正常的html代码<![endif]-->

特别说明:

1.此结构除IE浏览器以外的浏览器都会当做html注释处理,不会进行解析。

2.此结构只能够用在html结构中,不能写在CSS代码中进行判断。

实例代码:

[HTML] 纯文本查看 复制代码
01
02
03
04
05
06
07
08
09
10
11
12
<style type="text/css">
body{
  background-color:#000;
}
</style>
<!--[if IE]>
<style type="text/css">
body{
  background-color:#F00;
}
</style>
<![endif]-->

以上代码是正确的,但是不能够写为以下形式:

[HTML] 纯文本查看 复制代码
01
02
03
04
05
06
07
08
09
10
<style type="text/css">
body{
  background-color:#000;
}
<!--[if IE]>
body{
  background-color:#F00;
}
<![endif]-->
</style>
作者:kitty20180903suzhou
出处:https://www.cnblogs.com/kitty-blog/
本文版权归作者和博客园共有,欢迎转载,但必须给出原文链接,并保留此段声明,否则保留追究法律责任的权利。

posted on 2019-11-21 11:14  kitty20180903suzhou  阅读(663)  评论(0)    收藏  举报

刷新页面返回顶部
 
博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3