標籤：

HTML之判斷IE版本

01-28

基本寫法

  1. <!--[if ! IE]> 除IE外都可識別 <!--<![endif]-->
  2. <!--[if IE]> 所有的IE可識別 <![endif]-->
  3. <!--[if IE 6]> 僅IE6可識別 <![endif]-->
  4. <!--[if lt IE 6]> IE6以及IE6以下版本可識別 <![endif]-->
  5. <!--[if gte IE 6]> IE6以及IE6以上版本可識別 <![endif]-->
  6. <!--[if IE 7]> 僅IE7可識別 <![endif]-->
  7. <!--[if lt IE 7]> IE7以及IE7以下版本可識別 <![endif]-->
  8. <!--[if gte IE 7]> IE7以及IE7以上版本可識別 <![endif]-->
  9. <!--[if IE 8]> 僅IE8可識別 <![endif]-->
  10. <!--[if IE 9]> 僅IE9可識別 <![endif]-->

解釋

tip：這個標籤只針對於ie瀏覽器提供，為了就是解決ie開發中當中一系列的兼容性問題而存在的。但這個只在Internet Explorer中才有效，在Microsoft Edge中無效。而其它瀏覽器中就更不用說了，都是為注釋的方式顯示的。

在其它瀏覽器顯示方式

在Google Chrome瀏覽器中顯示

上面的顯示效果是在Google Chrome瀏覽器中顯示的，可以看出來它是以一種注釋的形式顯示的。

用法

這個標籤中可以包含<script>，<style>，<h1>...等標籤，而在<!--[if IE]>標籤中的標籤只有當這個<!--[if IE]>標籤運行起來才會生效。

<!doctype html>
<html>
<head>
<meta charset=utf-8 >
<meta name=keywords content=關鍵字，關鍵詞 >
<meta name=description content=描述信息 >
<title>HTML之判斷IE版本</title>
<link rel=stylesheet href=css/reset.css>
</head>
<body>
<!--[if IE 5]>
<style>
h1{
color: red;
}
</style>
<h1>隨便</h1>
<script>
alert("看見我了嗎");
</script>
<![endif]-->
</body>
</html>

測試效果

具體的查看效果可以利用ie瀏覽器中的模擬來測試，如果不知道的夥伴可以參考下這篇文章：

路奇：ie瀏覽器模擬?

zhuanlan.zhihu.com圖標

ie瀏覽器模擬

推薦閱讀：

TAG:HTML |