IE8 文件相容模式完整指南：使用 X-UA-Compatible 控制瀏覽器渲染行為

當微軟推出 Internet Explorer 8 時，引入了「文件相容性」機制，讓開發者能明確指定網頁應使用哪個版本的渲染引擎。這項功能透過 X-UA-Compatible HTTP 標頭或 <meta> 標籤實現，解決了舊版網站在新瀏覽器中顯示異常的難題。

為什麼需要文件相容模式？

每個 IE 新版本都強化了對 Web 標準的支援，但這也意味著為舊版瀏覽器撰寫的網頁可能無法正確顯示。IE6 透過 <!DOCTYPE> 切換「Quirks 模式」與「Standards 模式」，但僅支援兩種模式。IE7 新增 CSS 選擇器支援，導致依賴 IE6 行為的偵測邏輯失效。IE8 更全面支援標準，若不加控制，大量現有網站將面臨版面崩壞。

IE8 支援的文件相容模式

• IE8 模式：完整支援 CSS 2.1、Selectors API、部分 CSS 3。
• IE7 模式：無論有無 DOCTYPE，皆以 IE7 Standards 模式渲染。
• IE5 模式：相當於 IE7 Quirks 模式，模擬 IE5 行為。
• Emulate IE8 模式：依據 DOCTYPE 決定使用 IE8 Standards 或 IE5 模式（預設推薦）。
• Emulate IE7 模式：依據 DOCTYPE 決定使用 IE7 Standards 或 IE5 模式。
• Edge 模式：永遠使用當前瀏覽器最高可用模式。僅建議用於測試頁面，生產環境避免使用。

如何指定相容模式

在 <head> 區塊盡早加入：

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

或在伺服器端設定 HTTP 回應標頭：

X-UA-Compatible: IE=EmulateIE8

若需強制使用特定模式，將 content 值改為 IE=8、IE=7、IE=5 或 IE=Edge。

最佳實務建議

1. 優先更新網站符合現代標準，而非長期依賴相容模式。
2. 若必須維持舊版行為，使用 EmulateIE7 或 EmulateIE8 以尊重 DOCTYPE 宣告。
3. 在 HTTP 標頭而非 meta 標籤設定，可避免瀏覽器解析順序問題。

參考資料：MSDN 官方文件