A detailed introduction to the use of block comments in HTML

1. <!--[if !IE]><!--> Recognizable except IE<!--<![endif]-->
2. <!--[if IE]> All IE can recognize<![endif]-->
3. <!--[if IE 5.0]> Only IE5.0 can recognize<![endif]-->
4. <!--[if IE 5]> Only IE5.0 and IE5.5 can recognize<![endif]-->
5. <!--[if gt IE 5.0]> IE5.0 and above can recognize<![endif]-->
6. <!--[if IE 6]> Only IE6 can recognize<![endif]-->
7. <!--[if lt IE 6]> IE6 and below versions can recognize<![endif]-->
8. <!--[if gte IE 6]> IE6 and above versions can recognize<![endif]-->
9. <!--[if IE 7]> Only IE7 can recognize<![endif]-->
10. <!--[if lt IE 7]> IE7 and below versions can recognize<![endif]-->
11. <!--[if gte IE 7]> IE7 and above versions can recognize<![endif]-->
<!--[if lte IE 6]>……<![endif]-->

<!--[if IE]>
<h1>You are using IE browser</h1>
<!--[if IE 5]>
<h2>Version 5</h2>
<![endif]-->
<!--[if IE 5.0]>
<h2>Version 5.0</h2>
<![endif]-->
<!--[if IE 5.5]>
<h2>Version 5.5</h2>
<![endif]-->
<!--[if IE 6]>
<h2>Version 6</h2>
<![endif]-->
<!--[if IE 7]>
<h2>Version 7</h2>
<![endif]-->
<![endif]-->

<!-- By default, the css.css style sheet is called first-->
<link rel="stylesheet" type="text/css" href="css.css" />
<!--[if IE 7]>
<!-- If the IE browser version is 7, call the ie7.css style sheet -->
<link rel="stylesheet" type="text/css" href="ie7.css" />
<![endif]-->
<!--[if lte IE 6]>
<!-- If the IE browser version is less than or equal to 6, call the ie.css style sheet -->
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->

<style type="text/css">
body{
background-color: #000;
}
</style>
<!--[if IE]>
<style type="text/css">
body{
background-color: #F00;
}
</style>
<![endif]-->