META http-equiv=X-UA-Compatible content=IE=EmulateIE7
注意：本文檔是預備文檔，隨時可能變更。
對于 Web 開發人員來說，文本兼容性是一個要考慮的重要問題。Windows Internet Explorer 8 引入了文本兼容性模式，該模式允許 Web 開發人員將瀏覽器設置為以與舊版本相同的方式顯示網頁，從而允許開發人員選擇更新時間。
本 文檔將介紹由 Windows Internet Explorer 8 支持的文本兼容性模式，以及如何使用自定義標頭基于每個頁面或每個站點實現這些模式。實現適當的兼容性模式后，可以確保站點與 Windows Internet Explorer 8 及更高版本兼容。
各種兼容性模式
Windows Internet Explorer 8 支持多種兼容性模式，它們可啟用不同的受支持的功能，并影響內容的呈現方式。例如，
IE5 模式呈現內容時，像是使用了 Windows Internet Explorer 7 的 Quirks 模式，這與 Windows Internet Explorer 5 顯示內容的方式很相似。
IE7 模式呈現內容時，無論頁面是否包含 <!DOCTYPE> 指令，都像是使用了 Windows Internet Explorer 7 的標準模式。
EmulateIE7 模式通知 Windows Internet Explorer 使用 <!DOCTYPE> 指令確定如何呈現內容。標準模式指令以 Windows Internet Explorer 7 標準模式顯示，而 Quirks 模式指令以 IE5 模式顯示。與 IE7 模式不同，EmulateIE7 模式遵循 <!DOCTYPE> 指令。對于多數網站來說，它是首選的兼容性模式。
IE8 模式最大限度地支持行業標準（包括 W3C Cascading Style Sheets Level 2.1 Specification 和 W3C Selectors API，并能有限支持 W3C Cascading Style Sheets Level 3 Specification（工作草案）。
Edge 模式通知 Windows Internet Explorer 以最高級別的可用模式顯示內容，這實際上破壞了“鎖定”模式。對于 Windows Internet Explorer 8，這與 IE8 模式是等效的。如果（假定）Windows Internet Explorer 的未來版本支持更高級別的兼容模式，設置為 Edge 模式的頁面將顯示在由該版本支持的最高級別模式中；但是，當使用 Windows Internet Explorer 8 查看時，這些相同的頁面仍將顯示在 IE8 模式中。由于在 Windows Internet Explorer 的未來版本中呈現頁面內容可能出現意外，建議 Web 開發人員將 Edge 模式僅用于測試頁面和其他非生產活動。
基于每個頁面指定兼容性模式
要為網頁指定文本模式，請使用 META 元素，以在該網頁中包含 X-UA-Compatible http-equiv 標頭。以下示例指定了 EmulateIE7 模式兼容性。
HTML：
<html><head>
<!-- Mimic Internet Explorer 7 -->
<title>我的網頁</title>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> ??
</head> ??
<body> ?????
<p>內容在此處。</p> ??
</body>
</html> Content 屬性指定了該頁面的模式；例如，要模仿 Windows Internet Explorer 7 的行為，請指定 IE=EmulateIE7。同樣，可指定 IE=5、IE=7 或 IE=8 以選擇其中一種兼容性模式。您還可以指定 IE=edge 以通知 Windows Internet Explorer 8 使用最高級別的可用模式。
X-UA-compatible 標頭不區分大小寫；但是，它必須顯示在網頁中除 TITLE 和其他 META 元素以外的所有元素之前的標頭（HEAD 部分）中。
基于每個站點指定兼容模式
通過使用 Web 服務器為站點定義自定義 HTTP 響應標頭，可為網站指定文本模式。HTTP 響應標頭是 Web 服務器附加到為響應 HTTP 請求而發送到瀏覽器中的文件的信息，這些信息通常包含發送回文件的日期、大小和類型。
下列文檔介紹了將 Web 服務器配置為將自定義 HTTP 響應標頭附加到所有網頁中所需的步驟。這將導致 Windows Internet Explorer 8 使用指定的文本兼容性模式，例如 EmulateIE7。
在 IIS 上實現 META 切換
在 Apache 上實現 META 切換
如果使用 Web 服務器指定了默認文本兼容性模式，則可通過在特定的網頁中指定其他文本兼容性模式來覆蓋該設置。在該網頁中指定的模式優先于由服務器指定的模式。
使用腳本確定文本兼容性模式
要使用 Windows Internet Explorer 8 確定網頁的文本兼容性模式，請使用 document 對象的 documentMode 屬性。例如，將以下內容鍵入到 Windows Internet Explorer 8 的地址欄中，可顯示當前網頁的文本模式。
javascript:alert(document.documentMode);
documentMode 屬性可返回與頁面的文本兼容性模式相對應的數值。例如，如果所選頁面支持 IE8 模式，則 documentMode 會返回 8。
注意：在 Windows Internet Explorer 6 中引入的 compatMode 屬性已不受支持，取而代之的是在 Windows Internet Explorer 8 中引入的 documentMode 屬性。當前使用 compatMode 的應用程序仍然可以在 Windows Internet Explorer 8 中運行；但是，它們已更新為使用 documentMode。
如果希望使用 JavaScript 確定文本的兼容性模式，請在其中包含支持 Windows Internet Explorer 舊版本的代碼，如以下示例所示。
JScript：
engine = null;
if (window.navigator.appName == "Microsoft Internet Explorer") { ??
// 這是一個 IE 瀏覽器。引擎處于哪種模式下？
if (document.documentMode) // IE8 ????
engine = document.documentMode;
else // IE 5-7 { ?????
engine = 5; // 假設為 quirks 模式；除非另外證實是其他模式 ?????
if (document.compatMode){ ????????
if (document.compatMode == "CSS1Compat") ???????????
engine = 7; // 標準模式 ?????
} ??
} ??
// 引擎變量現在包含文本兼容性模式。
}
此處使用的文檔對象表示給定瀏覽器窗口中的 HTML 文檔，可用來檢查、修改 HTML 文檔或將內容添加到該文檔以及處理該文檔中的事件。
使用條件注釋確定文本兼容性模式
如果只需要適應 Windows Internet Explorer，以下代碼示例說明了如何使用條件注釋來適用于當前版本或舊版本。
HTML：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<html> ??
<head> ?????
<title>測試頁</title> ?????
<meta http-equiv="X-UA-Compatible" content="IE=8"/> ?????
<!--[if gte IE 8]> ?????
<style type="text/css"> ?????
body {color:#0000ff;} ?????
</style> ?????
<![endif]--> ?????
<!--[if lt IE 8]> ?????
<style type="text/css"> ?????
body {color:#000000;background-color:#ffffff; } ?????
</style> ?????
<![endif]--> ??
</head> ??
<body> ?????
<h1><!--[if gte IE 8]>第 1 章。<![endif]-->第一章</h1><h1> ?????
<!--[if gte IE 8]>第 2 章。<![endif]--> 第二章</h1>
將看到任何版本的文本。
</body>
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里面表現正常！
轉載于:https://www.cnblogs.com/tnnyang/p/4123523.html
總結
以上是生活随笔為你收集整理的META http-equiv=X-UA-Compatible content=IE=EmulateIE7的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【unity】与Android Acti
- 下一篇： Web控件文本框Reset的功能