的說明

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

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

  1. <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 兼容模式顯得至關重要。網站

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

<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 以上版本,所以等同於冗餘代碼。code

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

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

<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> 指令。對於多數網站來講,它是首選的兼容性模式。
相關文章
相關標籤/搜索