IE条件注释学习记录

来源:互联网 发布:顶级域名证书合法吗 编辑:程序博客网 时间:2024/06/06 06:48

             当我们打开京东网站并查看源码时会发现这样的一段代码

       那这这样的一段代码是什么意思呢?

       其实就是IE条件注释。条件注释其实就是一种对常规html注释的扩展,它能够根据注释条件显示代码块。

      1. 请看这段代码  :

<!--[if IE]<link rel="stylesheet" type="text/css" href="/css/xu.css"-->

    这段代码的意思是:在windows上的IE5和更高版本的IE浏览器就会link这个xu.css ,但是其他浏览器只会认为这是被注释掉的内容。

    2. 请看这段代码  :

        

<!--[if IE 6] <link rel="stylesheet" type="text/css" href="xu.css"/>-->
     同过上一个代码段的解释,可以看出xu.css只有在 IE6浏览器中被link.


  3.

<!--[if lt IE 6]<link rel="stylesheet" type="text/css" href="/css/xu.css" />-->
  这段代码当然只有在 小于IE6版本的IE浏览器中运行

 4 但是 向下显露的条件注释 写法略有不同

  

<!--[if !IE]>--><link  rel="stylesheet" type="text/css" href="/css/xu.css"/><!--<![endif]-->
   而这段代码的含义是 它对IE的所有版本隐藏样式表

 5 

<!--[if gte IE 6]><!-->  <link rel="stylesheet" type="text/css" href="/css/xu.css" />
<!--<![endif]-->
   它会对IE5.X隐藏样式(条件注释是在IE5中被引入的)

   现在你可以猜一下京东的那段注释是什么意思了




1 0