IE8兼容

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

 

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

    目前IE8尚在測試版中，因此爲了不製做出的頁面在IE8下面出現錯誤，建議直接將IE8使用IE7進行渲染。也就是直接在頁面的header的meta標籤中加入以下代碼：

 

Html代碼  

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

   

  

    相關屬性介紹以下：

    X-UA-Compatible是針對ie8新加的一個設置，對於ie8以外的瀏覽器是不識別的，這個區別與content="IE=7"在不管頁面是否包含<!DOCTYPE>指令，都像是使用了 Windows Internet Explorer 7的標準模式。

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

    而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。對於多數網站來講，它是首選的兼容性模式。

 

    目前IE8尚在測試版中，因此爲了不製做出的頁面在IE8下面出現錯誤，建議直接將IE8使用IE7進行渲染。也就是直接在頁面的header的meta標籤中加入以下代碼：

<meta http-equiv="X-UA-Compatible" content="IE=7" />這樣咱們才能使得頁面在IE8裏面表現正常！

 

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

 

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

各類兼容模式代碼示例以下：

 

Html代碼  

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

  

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

 

 

Html代碼  

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

  

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

 

 

 

Html代碼  

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

    開啓 IE8 的標準渲染模式，但因爲自己 X-UA-Compatible 文件頭僅支持 IE8 以上版本，所以等同於冗餘代碼。

 

 

Html代碼  

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

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

 

 

Html代碼  

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

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