HTML中的Hack手段之条件注释 <!--[if gte IE 6]><![endif]-->
  C5bk9rm9TFUo 2023年11月02日 36 0


 

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

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

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


1.     <!--注释内容-->

:


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


,该条件注释会为版本小于等于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以前的浏览器是可以在页面中添加一段代码如下



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

 

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

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
  NHaurzrhyr04   2023年12月23日   107   0   0 htmljQueryhtmljQuery
  BEOpup9HILHT   2023年12月23日   79   0   0 htmljQueryhtmljQuery
C5bk9rm9TFUo