有时,我们会在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浏览器的方作用及用法就讲解完了!