X-UA-Compatible屬性的解釋

 問題描述：

代碼以下:

<meta http-equiv="X-UA-Compatible"  content="IE=9; IE=8; IE=7; IE=EDGE" />

一、這個究竟是什麼意思？

二、一些示例使用」,」分離IE的版本，而一些使用」；「，哪一個正確？

三、我想知道IE=9; IE=8; IE=7; IE=EDGE順序的含義。

在文檔中使用了<!DOCTYPE>

答覆：

對於IE8及以上版本，例如：

<meta http-equiv="X-UA-Compatible"  content="IE=9; IE=8; IE=7"  />

強制瀏覽器按照特定的版本標準進行渲染。但不支持IE7及如下版本。若是用分號（；）分隔，對於不一樣的瀏覽器版本就有不一樣的兼容性，例如

<meta http-equiv="X-UA-Compatible"  content="IE=7; IE=9"  />

以上就代表，將IE8和IE7按照IE7標準渲染，可是IE9仍是按照IE9的標準渲染。它容許有不一樣的向後兼容水平。儘管在真實狀況中，你只要選擇一種版本：

代碼以下:

<meta http-equiv="X-UA-Compatible"  content="IE=8" />

這對於測試和維護會更加簡單。而一般更加有用的方式就是進行仿真模擬

代碼以下:

<meta http-equiv="X-UA-Compatible"  content="IE=EmulateIE8" />

對於IE=EDGE

代碼以下:

<meta http-equiv="X-UA-Compatible"  content="IE=Edge" />

這意味着，會強制瀏覽器按照最新的標準去渲染。就像在Google’s  CDN使用最新版本的JQuery同樣，這是按照最新版本，但也可能因爲沒有固定的版本而破壞你的佈局。

最後，考慮下面這個

代碼以下:

<meta http-equiv="X-UA-Compatible"  content="IE=Edge,chrome=1" />

添加」chrome=1「將容許站點在使用了谷歌瀏覽器內嵌框架（Chrome  Frame）的客戶端渲染，對於沒有使用的，則沒有任何影響。

代碼以下:

For more information, there is plenty to  read here, and if you want to learn about ChromeFrame (which I recommend) you  can learn about its implementation here.

PS:X-UA-Compatible是針對 IE8 版本的一個特殊文件頭標記，用於爲 IE8  指定不一樣的頁面渲染模式，對於ie8以外的瀏覽器是不識別的。

目前絕大多數網站都用<meta http-equiv=」X-UA-Compatible」 content=」IE=EmulateIE7″   >來做爲IE8的兼容方法。爲了不製做出的頁面在IE8下面出現錯誤，建議直接將IE8使用IE7進行渲染。也就是直接在頁面的header的 meta標籤中加入以下代碼：

<meta http-equiv=」X-UA-Compatible」  content=」IE=7″ /></p> <p>
<meta http-equiv=」X-UA-Compatible」  content=」IE=EmulateIE7″ ></p> <p>
<meta  http-equiv=」X-UA-Compatible」 content=」IE=EmulateIE8″ >

可是<meta http-equiv=」X-UA-Compatible」  content=」IE=EmulateIE7″ >仍然是首選。