HTML条件注释

常见的HTML注释表单是

<!-- 注释 -->

五个版本的IE浏览器IE5〜IE9还支持特殊的条件注释（感觉类似于呈现模板时的语法结构）

<!--[if IE]> html语句 <![endif]-->

通过这种方式，当处理IE浏览器兼容性问题时，您可以将hack代码放在一起，或将其用于其他意外用途

如果条件注释分为三种形式

1. 是IE（即: ！）

<!--[if IE]> html代码 <![endif]-->
<!--[if !IE]> html代码 <![endif]-->

2. 哪个版本的IE（即=）

<!--[if IE 6]> html代码 <![endif]-->
<!--[if IE 8]> html代码 <![endif]-->

3. IE是哪个间隔（即: <，<=，>，> =）

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

有条件的评论

IE5〜IE9的观点是:

其他浏览器的观点是:

因此html注释语句，如果希望if条件注释中的html代码IE5〜IE9被识别但不能执行，并且其他浏览器也可以识别并执行，则可以这样编写

<!--[if !IE]>--> html代码 <!--<![endif]-->

此时的想法是分别注释掉条件注释语法结构的前缀和后缀

IE5〜IE9的观点变为:

其他浏览器的视角变为:

您可以识别中间代码.

我个人认为使用条件注释时应该注意

<!--[if !IE]>-->
<script src="js/jquery-3.2.1.min.js"></script>
<!--<![endif]-->
<!--[if IE]>
<script src="js/jquery-1.12.4.min.js"></script>
<![endif]-->

也就是说，如果每个浏览器只能使用前两个浏览器之一，则必须记住要考虑IE9，因为它还可以识别条件注释（感觉IE9是从IE到现代高级浏览器的过渡，仅CSS3支持html注释语句，但仍存在IE特有的一些问题）

发布于@ 2018-03-11 18:42今天休闲阅读（...）评论（...）编辑

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/jisuanjixue/article-188643-1.html