http-equiv屬性的屬性值X-UA-Compatible主要是針對IE8瀏覽器新增的代碼設置，IE8以外瀏覽器是不能識別的，這個與content=”IE=7″無論頁面是否包含了<!DOCTYPE>指令，都代表使用了windows IE7瀏覽器標準模式，而并不是而content=”IE=EmulateIE7″模式遵循<!DOCTYPE>指令，對于大多數網站這是首先的網頁兼容模式。
為了避免出現網頁在IE8瀏覽器模式下出現錯誤，黑帽百科還是建議直接將IE8使用IE7進行渲染，也就是在網頁頭部代碼中加入<meta http-equiv=”X-UA-Compatible” content=”IE=7″ /> 這條代碼，這樣網頁在IE8瀏覽器中也顯示正常。
在如今網頁瀏覽器競爭激烈的市場中，給程序們對網頁的兼容性設置帶去了不少的麻煩，僅IE瀏覽器就有幾個版本需要兼容，例如IE6、IE7、IE瀏覽器等，當然我們也可以選擇共存的方法第三方集成工具，解決多個版本瀏覽器兼容的問題，也方便進行代碼調試。
X-UA-Compatible針對IE8瀏覽器版本做的一個特殊文件頭標記，用于為IE8指定的不同頁面渲染模式，當前IE6、IE7版本瀏覽器使用率依然很高，因此為了綜合考慮，使用IE8版本的X-UA-Compatible兼容模式就顯得非常重要了。
各種兼容模式代碼示例如下：
1、<meta http-equiv=”X-UA-Compatible” content=”IE=5″ />
以上代碼代表的是使用了Windows IE7的Quirks 模式，與Windows IE5顯示的方式非常類似。
2、<meta http-equiv=”X-UA-Compatible” content=”IE=7″ />
以上代碼表示意思是不管代碼中是不是包含有<!DOCTYPE> 指令，都對網頁進行Windows IE7模式進行渲染。
3、<meta http-equiv=”X-UA-Compatible” content=”IE=8″ />
開啟IE8版本瀏覽器標準渲染模式，但由于http-equiv屬性的屬性值X-UA-Compatible僅支持IE8以上版本，所以這段代碼等同于冗余代碼。
4、<meta http-equiv=”X-UA-Compatible” content=”edge” />
Edge模式是通知Windows IE瀏覽器以高級別可用模式顯示內容，實際上這是破壞了“鎖定”模式，代表的是如果你網站兼容IE9瀏覽器，那么你網站就兼容IE7、8、9版本，那么調用高版本的那個也就是IE9。
5、<meta http-equiv=”X-UA-Compatible” content=”IE=Edge,chrome=1″ >
如果你的瀏覽器有安裝Google Chrome Frame，那么就走安裝的組件，如果沒有這個組件就和<meta http-equiv=”X-UA-Compatible” content=”edge” />一樣。
說明：IE6、7、8等版本的瀏覽器Google Chrome Frame，可讓用戶瀏覽器外觀依然是IE的菜單和界面，但用戶在瀏覽網頁時，實際上使用的是Google Chrome瀏覽器內核。
6、<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ />
IE7瀏覽器模式通知Windows Internet Explorer使用<!DOCTYPE>指令確定如何呈現內容，標準模式指令以Windows Internet Explorer 7 標準模式顯示，而Quirks模式指令以IE5模式顯示，與 IE7 模式不同，IE7 模式遵循 <!DOCTYPE> 指令，對于多數網站來說，它是首選的兼容性模式。
目前，在開發AngularJS項目時（只支持IE8及以上版本或chrome/firefox），而有些同事IE8登錄卻還提示“請使用IE8及以上版本或chrome/firefox，如果您使用IE8，請在”工具”菜單中，調整為非”兼容性視圖”！
調整為非”兼容性視圖”解決步驟方法：
1、將項目中.html及.jsp文件<head>最前面加上<meta http-equiv=”X-UA-Compatible” content=”IE=edge”></meta>（即如上meta加在其它meta之前）。
如下所示：
<html>
<head>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”></meta>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<meta http-equiv=”pragma” content=”no-cache”/>
<meta http-equiv=”cache-control” content=”no-cache”/>
<meta http-equiv=”expires” content=”0″/>
</head>
…
</html>
2、選擇“工具”菜單欄，點擊“兼容性視圖設置(B)”
打開如下彈出框，將“在兼容性視圖中顯示Intranet站點(I)、在兼容性視圖中顯示所有網站(E)”這兩項前面的勾選框勾選掉（即不勾選上）。
