文檔模式(document mode)是IE8引入的一個新概念。頁面的文檔模式決定了你可以使用哪個級別的CSS,可以使用JavaScript的哪些API,以及如何對待文檔類型(doctype)。
“X-UA-Compatible”主要作用是:(Meta告訴瀏覽器以什么版本的IE的兼容模式來顯示網頁);
它的值表現方式有以下三種:
5/7/8/9:以IE5/IE7/IE8/IE9標准模式渲染頁面,忽略文檔類型聲明。
Edge:以最新的文檔模式來渲染頁面(最新IE版本模式、最高級別的可用模式來顯示網頁),忽略文檔類型聲明。
EmulateIE7/EmulateIE8/EmulateIE9:如果聲明了文檔類型,則以IE7/IE8/IE9標准模式渲染頁面,否則將文檔模式設置為IE5。(Emulate模式更重視、遵循<!DOCTYPE>指令)
有以下寫法:
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" />
<meta http-equiv="X-UA-Compatible" content="IE=7,9" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7,IE=EmulateIE9" />
為了避免制作出的頁面在IE8下面出現錯誤,建議直接將IE8使用IE7進行渲染(作為IE8的兼容方法):
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >(推薦)
或
<meta http-equiv="X-UA-Compatible" content="IE=7" />
實際使用:
1、ie下,居中布局在瀏覽器中呈現出 靠左布局,就檢查文檔模式否是Quirks模式,這時就需要通過其他文檔模式進行來渲染。
2、實際使用 X-UA-Compatible 的時候,可能會出現不管用的情況,其實,不能單單的只是加:meta,還需把DOCTYPE的定義去掉:<!DOCTYPE html> 。
水平有限,文中錯誤不妥在所難免,歡迎批評指正建議評論。文章將不定期修改完善斧正。謝謝!
參考文檔:
指定IE的文檔兼容模式 meta X-UA-Compatible EmulateIE7
http://camnpr.com/archives/specify-IE-document-compatibility-mode.html