html不同浏览器条件,html条件注释代码判断不同IE浏览器的用法

有时，我们会在HTML网页文档中，见到类似的代码，这个就是html条件注释代码，主要用于在指定的IE浏览器版本中执行我们想要执行的html代码！不过，据我所知，有不少搞前端开发的程序员，对html条件注释不太熟悉！今天，我们就一起学习有关条件注释的内容；

条件注释定义

条件注释，就是使用if条件判断IE浏览器的不同版本，然后，执行相应的html代码。

条件注释，虽说使用了if条件判断，但却不在脚本语言中执行，而是直接在html代码中执行；

条件注释，只被IE浏览器支持，且仅仅只被IE5或IE5以上版本支持；

条件注释的格式

在学习条件注释之前，先看看html注释代码的书写格式：

如果你不是搞前端的，不了解html注释代码怎么写和用法，就可以看看：html注释代码的用法详解；

好了，接下来，就看看条件注释的书写格式：

条件注释只是针对IE5以上版本的浏览器，因为条件注释是从IE5开始被支持，所以，IE5以下版本的浏览器不支持条件注释！

条件注释的作用

根据条件判断不同版本的IE浏览器，执行不同的html代码，在想要版本的IE浏览器中显示效果；

有些html源代码在不同的IE浏览器中的效果是有差异的，可以利用条件注释兼容不同IE版本浏览器；

条件注释的用法

条件注释只在IE5及以上版本支持，在低于IE5或非IE浏览器中是无效的！运算符说明

!非、不是、除......以外的意思。

lt小于、低于的意思，是Less than的简写

lte小于或等于的意思，是Less than or equal to的简写

gt大于的意思，是Greater than的简写

gte大于或等于的意思，是Greater than or equal to的简写

&且运算符，必须同时都成立，整个表达式才成立

|或运算符，只要其中任意一个成立，则整个表达式也成立

用法1：检测当前IE浏览器的版本

检测判断不同IE浏览器的版本，并在浏览器中显示当前所使用的浏览器版本，比如

如果检测到的浏览器版本是5，就执行

你当前的浏览器版本是5

你当前的浏览器版本是5

 

如果是IE6，就执行

你当前的浏览器版本是6

如果你只想在除IE5版本的浏览器之外的，所有其他IE版本中执行某段html代码，就可以这样写：

被执行的某段html代码写在这里 

注意，当检测到用户当前的浏览器版本比IE5还低时，是不会被执行的，因为条件注释只被IE5及IE5以上版本支持！

如果你想在 IE5及IE5以上所有版本执行某段html代码，就可以这样写：

>被执行的某段html代码写在这里

如果你安装了多个IE，条件注释将会以最高版本的IE为标准。

当我们了解了如何利用条件注释检测IE版本之后，我们就可以根据让不同的html代码在不同的IE浏览器版本中执行！

用法2：调用不同的CSS样式表

针对不同版本的IE浏览器，实现调用不同的CSS样式表，达到兼容的目的！

以上条件注释就区分了IE7和IE6向下的浏览器对CSS的执行，达到兼容的目的。同时，首行默认的css.css还能与其他非IE浏览器实现兼容。

注意：默认的CSS样式应该位于HTML文档的首行，进行条件注释判断的所有内容必须位于该默认样式之后。

接着，我们再看一个默认样式放在首行的例子，比如：

在IE浏览器下，让P段落的背景颜色显示为红色；而在非IE浏览器下，p段落背景显示为黑色。

p{

background-color: #000;

}

到这里，有关html条件注释的判断不同版本的IE浏览器的方作用及用法就讲解完了！