HTML条件注释

亦凉 2021-12-04 09:37 290阅读 0赞

[点击去原文][Link 1]

普通的HTML注释形式是

而IE5~IE9这5个版本的IE浏览器还另外支持一种特殊的**if条件注释**（感觉有点类似模板渲染时的语法结构）

这样在处理IE浏览器兼容性问题的时候就可以把hack代码集中在一块了，或者其他意想不到的用途

--------------------

if条件注释分为三种形式

*1、是否IE（即：!）*

*2、是哪个版本的IE（即：=）*

*3、是哪个区间的IE（即：<，<=，>，>=）*

<!– IE7以上版本的浏览器才会执行内部的html代码，如需要包含IE7则使用gte –>  
<!–\[if gt IE 7\]> html代码 <!\[endif\]–>

对于条件注释

IE5~IE9的视角是：

![1348411-20180311202732632-1921876736.png][]

其他浏览器的视角是：

![1348411-20180311202645495-1829912479.png][]

那么如果想要if条件注释中所谓的html代码IE5~IE9虽然能识别但是不能执行，而其他浏览器也能识别并执行的话，可以这样写

html代码

思路就是把条件注释语法结构的前缀和后缀分别给注释掉，这时

**IE5~IE9的视角变成了：**

![1348411-20180311203021193-1821028664.png][]

**其他浏览器的视角则变成：**

![1348411-20180311203354330-198660353.png][]

就都能识别出中间的代码了。

--------------------

个人觉得使用条件注释的时候的一个注意点

![复制代码][Image 1]

<script src="js/jquery-3.2.1.min.js"></script>

<!–\[if IE\]>  
<script src=“js/jquery-1.12.4.min.js”></script>  
<!\[endif\]–>

![复制代码][Image 1]

就是在每个浏览器中上边两个中只能使用一个的话一定得记得把IE9考虑进来，因为它也是能识别条件注释的（*感觉IE9就是IE向现代高级浏览器过渡的东西，CSS3只支持一部分，但是之前IE专有的一些问题照样存在*）

[Link 1]: https://www.cnblogs.com/lanselove/p/8545277.html
[1348411-20180311202732632-1921876736.png]: /images/20211204/6814d4135e884381975a5496319279a7.png
[1348411-20180311202645495-1829912479.png]: /images/20211204/150d78c24ccd41dd9b271ac5a2b3e5df.png
[1348411-20180311203021193-1821028664.png]: /images/20211204/0cbb2c48a01a45899852f94d682f3d63.png
[1348411-20180311203354330-198660353.png]: /images/20211204/9797a0aae9f8404c95eec6d31c4edce7.png
[Image 1]:

发表评论取消回复

表情：

评论列表（有 0 条评论，290人围观）

还没有评论，来说两句吧...

相关阅读

相关网页设计：HTML注释标签

HTML 注释 是HTML的注释标签使用 "< "和 “>” 是符合HTML标签语法规则的。所有浏览器都支持注释标签。

妖狐艹你老母/ 2022年12月27日 11:17/ 0 赞/ 199 阅读

相关 html注释标签

一、html 注释语法  注意这些字符都需要英文半角小写输入；二、html注释作用在html中使用注释，可以为以后维护提

柔情只为你懂/ 2022年12月27日 11:15/ 0 赞/ 163 阅读

相关条件注释判断浏览器版本

除IE外都可识别  <!--\[if IE\]> 所有的IE可识别 <!\[endif\]--

谁践踏了优雅/ 2022年08月20日 05:15/ 0 赞/ 194 阅读

相关针对IE的条件注释

<p class="accent">  <!--

￡神魔★判官ぃ/ 2022年07月28日 00:06/ 0 赞/ 166 阅读

相关 HTML 注释、CSS/JS //注释和 /...../ 注释

文章出处：[http://www.cnblogs.com/iceflorence/p/5815409.html][http_www.cnblogs.com_iceflorenc

Love The Way You Lie/ 2022年06月08日 13:09/ 0 赞/ 260 阅读

相关 HTML条件注释与JavaScript条件注释

一、HTML条件注释和javascript条件注释说明条件注释主要是针对ie的不兼容性，通过条件注释实现以某种方式为ie编写代码，而按照另一种方式为其他浏览器编写代码。

墨蓝/ 2022年05月23日 05:24/ 0 赞/ 259 阅读

相关条件注释区分是否IE浏览器

条件注释其实就是一些if判断，但这些判断不是在脚本里执行的，而是直接在html代码里执行的，比如： ![70][] 这种判断是否IE浏览器的语句其实很有效果，比如你可

爱被打了一巴掌/ 2022年05月22日 10:24/ 0 赞/ 182 阅读

相关 HTML条件注释

[点击去原文][Link 1] 普通的HTML注释形式是  而IE5~IE9这5个版本的IE浏览器还另外支持一种特殊的if条件注释（感觉有

亦凉/ 2021年12月04日 09:37/ 0 赞/ 291 阅读

相关 html，css，javascript注释

是HTML的注释标签,使用 < 和 > 是符合HTML标签语法规则的。 /* */是CSS的注释标签 /* */（注释代码块）、//（注释单行）是JS的注...

骑猪看日落/ 2021年04月24日 03:48/ 0 赞/ 578 阅读

相关 HTML 注释

注释是以结束，中间是注释的内容。

小灰灰/ 2020年05月16日 20:04/ 0 赞/ 850 阅读