HTML中的Hack手段之条件注释

通常WEB的好处就是可以跨平台,但这个世界偏偏有个另类,就是IE浏览器。在平常做HTML设计时，有时需要为IE的表示差异而不得不使用一些Hack手段。条件注释就是这类手段之一。

条件注释是IE浏览器的”专利”,也就是说我们在HTML中可以为IE嵌入一段专有标签片段，来解决IE与其它浏览器的表现差异。条件注释是在IE5之后引入的，所有针对低于IE5（<IE5.0）以前的浏览器使用条件注释的做法都是无效的。同时请注意微软已经不再针对IE10及以上浏览器支持条件注释了,所以请不要针对>=IE10的IE浏览器增加条件注释。

在HTML中，注释的格式通常是这样的:

    <!--注释内容-->

而条件注释是这样的:

   <!--[if IE 8]>
   <link href=”ie.css” rel=”stylesheet”/>
   <![endif]-->

在以上示例中,该条件注释会为版本小于等于IE8的IE系列浏览器载入一段专有样式表单。

条件注释可用的条件有:

1,lte(less than or equals to,小于或等于)

<!--[if lte IE 6]><![endif]-->

2,lt(less than,小于)

<!--[if lte IE 6]><![endif]-->

3,gte(greater than or equals to,大于或等于)

<!--[if gte IE 6]><![endif]-->

4,gt(greater than or equals to,大于)

<!--[if gt IE 6]><![endif]-->

5,特定版本IE,如IE 6 IE 7 IE 8

<!—[if IE 6]><![endif]-->

6,排除版本!

<!—[if !IE 6]><![endif]-->

利用条件注释可以为IE浏览增加一些特定的后备代码。比如当用户使用IE8以前的浏览器是可以在页面中添加一段代码如下

     <!—[if it IE 8]><p>你的浏览器版本过低,请使用火狐,谷歌,或版本大于IE8的浏览器</p><![endif-->

条件注释虽然是IE特有的，但在针对IE系列浏览器时以上这段代码可以为我们精简部分判断浏览类型及版本的代码(这似乎是条件注释不可多得的好处之一)。