IE浏览器判断,判断IE版本的HTML语句详解,如:[if lte IE 9]……[endif]

soゝso 2016-08-22 22:59:12 619

我们常常会在网页的HTML里面看到形如[if lte IE 9]……[endif]的代码,表示的是限定某些浏览器版本才能执行的语句,那么这些判断语句的规则是什么呢?请看下文:

<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]-->

<!--[if IE]> 所有的IE可识别 <![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 IE 8]> 仅IE8可识别 <![endif]-->

<!--[if IE 9]> 仅IE9可识别 <![endif]-->

项目 范例 说明
! [if !IE] The NOT operator. This is placed immediately in front of the feature, operator, or subexpression to reverse the Boolean meaning of the expression.
NOT运算符。这是摆立即在前面的功能,操作员,或子表达式扭转布尔表达式的意义。
lt [if lt IE 5.5] The less-than operator. Returns true if the first argument is less than the second argument.
小于运算符。如果第一个参数小于第二个参数,则返回true。
lte [if lte IE 6] The less-than or equal operator. Returns true if the first argument is less than or equal to the second argument.
小于或等于运算。如果第一个参数是小于或等于第二个参数,则返回true。
gt [if gt IE 5] The greater-than operator. Returns true if the first argument is greater than the second argument.
大于运算符。如果第一个参数大于第二个参数,则返回true。
gte [if gte IE 7] The greater-than or equal operator. Returns true if the first argument is greater than or equal to the second argument.
大于或等于运算。如果第一个参数是大于或等于第二个参数,则返回true。
( ) [if !(IE 7)] Subexpression operators. Used in conjunction with boolean operators to create more complex expressions.
子表达式运营商。在与布尔运算符用于创建更复杂的表达式。
& [if (gt IE 5)&(lt IE 7)] The AND operator. Returns true if all subexpressions evaluate to true
AND运算符。如果所有的子表达式计算结果为true,返回true
| [if (IE 6)|(IE 7)] The OR operator. Returns true if any of the subexpressions evaluates to true.
OR运算符。返回true,如果子表达式计算结果为true。

<!--[if lt IE 9]>

加载CSS1

<!--[else]>

加载CSS2

<![endif]-->

这样有效是有效,但是用HTML VALIDATOR里,报错,因为这个不符合XHTML 1.1的规范,

如果把ELSE语句去掉,则正确.

方法1:

加载CSS2

<!--[if lt IE 9]>

加载CSS1(可以把要重写的写在这里).

<![endif]-->

<!--[if lte IE 6]>

<![endif]-->

IE6及其以下版本可见

<!--[if lte IE 7]>

<![endif]-->

IE7及其以下版本可见

<!--[if IE 6]>

<![endif]-->

只有IE6版本可见

<![if !IE]>

<![endif]>

除了IE以外的版本

<!--[if lt IE 8]>

<![endif]-->

IE8及其以下的版本可见

<!--[if gte IE 7]>

<![endif]-->

IE7及其以下的版本可见

用法:

(1)可使用如下代码检测当前IE浏览器的版本(注意:在非IE浏览器中是看不到效果的)

<h1>您正在使用IE浏览器</h1>       

<!––[if IE 5]>

<h2>版本 5</h2>        

<![endif]––>

<!––[if IE 5.0]>

<h2>版本 5.0</h2>       

<![endif]––>

<!––[if IE 5.5]>

<h2>版本 5.5</h2>      

 <![endif]––>

<!––[if IE 6]>

<h2>版本 6</h2>      

 <![endif]––>

<!––[if IE 7]>

<h2>版本 7</h2>       

<![endif]––>

那如果当前的浏览器是IE,但版本比IE5还低,该怎么办呢,可以使用<!–[if ls IE 5]>,当然,根据条件注释只能在IE5+的环境之下,所以<!–[if ls IE 5]>根本不会被执行。 lte:就是Less than or equal to的简写,也就是小于或等于的意思。 lt :就是Less than的简写,也就是小于的意思。 gte:就是Greater than or equal to的简写,也就是大于或等于的意思。 gt :就是Greater than的简写,也就是大于的意思。 ! : 就是不等于的意思,跟javascript里的不等于判断符相同


版权所属:SO JSON在线解析

原文地址:https://www.sojson.com/blog/162.html

转载时必须以链接形式注明原始出处及本声明。

本文主题:
IE

如果本文对你有帮助,那么请你赞助我,让我更有激情的写下去,帮助更多的人。

关于作者
目前就职于国内某电商平台公司打杂。。
相关文章
IE浏览器判断判断IE版本HTML语句详解:[if lte IE 9]……[endif]
JS中 “is not defined” 如何判断defined,defined和undefined 的区别
Httpclent 请求限制,判断返回类型和返回数据大小
解决IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法,解决后支持HTML5
Java获取浏览器请求头(User-Agent),分析浏览器信息,系统信息的几种办法。
火狐(Firefox )浏览器提示。此链接是不受信任的,站长和用户的解决方案。SSL申请
IE、Firefox对同一域名访问并发限制,及解决优化方案
dns-prefetch对网站速度能提升有多少?详解dns-prefetch。
详解JavaScript中splice()方法,有Demo细介绍
sojson 特效,本站页面“线条”HTML5实现讲解、特效代码下载
最新文章
天气API,全国天气 JSON API接口,可以获取十五天的天气预报 10
Springboot + Freemarker 集成配置 45
DNS查询, DNS测速检查接口,DNS测速接口 17
Mysql 并发插入、存在不插入,存在更新操作 36
SOJSON 阿里云活动达到67人,最终获得5年的1核2GB的ECS服务器使用权益 25
Java 完美解析.plist & 生成plist ,Android 解析.plist 28
Java SHA1的几种实现方式,Java SHA1 签名 50
Mac下Charles-proxy 抓包工具,iPhone 抓包演示 16
Mac Fidder 抓包替代方案 Charles-proxy 抓包工具下载 + 安装 + 破解 charles.jar 下载 178
阿里ECS云服务,1核2G1M宽带 40G SSD硬盘, 9 9一年,189二年,279三年 23
最热文章
Elasticsearch教程(四) elasticsearch head 插件安装和使用 117135
Elasticsearch教程(六) elasticsearch Client创建 75853
Elasticsearch教程(八) elasticsearch delete 删除数据(Java) 72356
Elasticsearch教程(二),IK分词器安装 70214
免费天气API,全国天气 JSON API接口,可以获取五天的天气预报 64083
Elasticsearch教程(一),全程直播(小白级别) 57793
Elasticsearch教程(五) elasticsearch Mapping的创建 55748
Elasticsearch教程(三),IK分词器安装 (极速版) 55125
Elasticsearch教程(七) elasticsearch Insert 插入数据(Java) 50396
Elasticsearch权威指南-中文.pdf,Elasticsearch 中文文档下载 43317

骚码加入我们 / 千人QQ群:259217951

入群需要5元,如果没有QQ钱包,可以先Alipay、微信,赞助然后加群主拉进。

二维码生成 来自 >> 二维码生成器

支付扫码

所有赞助/开支都讲公开明细,用于网站维护:赞助名单查看

正在加载... ...