X-UA-Compatible是針對ie8新加的一個設置，對于ie8之外的瀏覽器是不識別的，這個區別與content="IE=7"在無論頁面是否包含<!DOCTYPE>指令，都像是使用了 Windows Internet Explorer 7的標準模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。對于多數網站來說，它是首選的兼容性模式。

目前IE8尚在測試版中，所以為了避免制作出的頁面在IE8下面出現錯誤，建議直接將IE8使用IE7進行渲染。也就是直接在頁面的header的meta標簽中加入如下代碼：

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

這樣我們才能使得頁面在IE8里面表現正常！

瀏覽器市場份額的激烈競爭，給網頁設計開發人員帶來了兼容性設計的麻煩。單單 IE 瀏覽器就有好幾個主流版本，IE6、IE7、IE8 等等。當然使用諸如 IETester，多版本 IE 共存解決方案之類的第三方集成工具，可以方便代碼調試。但我們總需要找尋一種更為省時省力的方法。

X-UA-Compatible 是針對 IE8 版本的一個特殊文件頭標記，用于為 IE8 指定不同的頁面渲染模式。由于當下 IE6 和 IE7 使用率依然較高，綜合考慮，啟用 IE8 版本的 X-UA-Compatible 兼容模式顯得相當重要。

各種兼容模式代碼示例如下：

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

像是使用了 Windows Internet Explorer 7 的 Quirks 模式，這與 Windows Internet Explorer?5 顯示內容的方式很相似。

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

無論頁面是否包含 <!DOCTYPE> 指令，均使用 Windows Internet Explorer 7 的標準渲染模式。

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

開啟 IE8 的標準渲染模式，但由于本身 X-UA-Compatible 文件頭僅支持 IE8 以上版本，因此等同于冗余代碼。

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

Edge 模式通知 Windows Internet Explorer 以最高級別的可用模式顯示內容，這實際上破壞了“鎖定”模式。

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

EmulateIE7 模式通知 Windows Internet Explorer 使用 <!DOCTYPE> 指令確定如何呈現內容。標準模式指令以Windows Internet Explorer 7 標準模式顯示，而 Quirks 模式指令以 IE5 模式顯示。與 IE7 模式不同，EmulateIE7 模式遵循 <!DOCTYPE> 指令。對于多數網站來說，它是首選的兼容性模式。

在現階段，IE8 版本推向市場沒有多久，份額不高。因此，考慮兼容舊版本的模式值得推薦。

?

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

以上代碼告訴IE瀏覽器，無論是否用DTD聲明文檔標準，IE8/9都會以IE7引擎來渲染頁面。

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

以上代碼告訴IE瀏覽器，IE8/9都會以IE8引擎來渲染頁面。

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

以上代碼告訴IE瀏覽器，Windows以最高版本的IE顯示內容。

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

以上代碼告訴IE瀏覽器，根據 <!DOCTYPE> 指令確定如何呈現內容。標準模式指令以Windows Internet Explorer 7 標準模式顯示，而 Quirks 模式指令以 IE5 模式顯示。與 IE7 模式不同，EmulateIE7 模式遵循 <!DOCTYPE> 指令。對于多數網站來說，它是首選的兼容性模式。

轉載于:https://www.cnblogs.com/zhaodifont/p/3816357.html

總結

以上是生活随笔為你收集整理的meta http-equiv=X-UA-Compatible content=IE=edge / 的说明的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。