加了 meta http-equiv="X-UA-Compatible" 卻仍然不正常


在美國時間 3/15/2011 晚間 Internet Explorer 9 開始開放下載,過去幾週遇到一些客戶反應,依據 http://msdn.microsoft.com/zh-tw/library/cc817570.aspx 內容將現有 HTML 4 的 HEAD 內加上了 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> 的 Internet Explorer 7 文件模式的相容標籤,卻沒有得到想要的效果,Internet Explorer 9 仍不時的可以看到相容檢視的按鈕跑出來。

依照 W3C 規格: Meta Tag 應該盡可能放在 <HEAD> </HEAD> 前面。

The META declaration must only be used when the character encoding is organized such that ASCII-valued bytes stand for ASCII characters (at least until the META element is parsed). META declarations should appear as early as possible in the HEAD element

也就是說,理論上在 <HEAD></HEAD> 中第一行是 Content Type  宣告與字碼編碼格式,

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

緊接著之後下一行應該盡早放入

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

切記不要在 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> 之前宣告或使用任何 JavaScript 或載入 CSS,否則將影響到此相容模式 Meta Tag 的功能。

Comments (0)

Skip to main content