[HTML] X-UA-Compatible 設置IE相容模式
強制瀏覽器呈現為特定的版本的標準。它不支持IE7及以下：
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7"/>
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7"/>
如果用分號分開，它設置為不同版本的兼容級別，IE7、IE9。它允許不同層次的向後兼容性：
<meta http-equiv="X-UA-Compatible" content="IE=7; IE-9"/>
<meta http-equiv="X-UA-Compatible" content="IE=7; IE-9"/>
只選擇其中一個選項：
<meta http-equiv="X-UA-Compatible" content="IE=9">
<meta http-equiv="X-UA-Compatible" content="IE=8"/>
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="X-UA-Compatible" content="IE=5">
<meta http-equiv="X-UA-Compatible" content="IE=9">
<meta http-equiv="X-UA-Compatible" content="IE=8"/>
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="X-UA-Compatible" content="IE=5">
允許更容易的測試和維護。雖然通常比較有用的版本，這是使用模擬：
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9"/>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9"/>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
什麼版本IE 就用什麼版本的標準模式：
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
使用以下代碼強制IE 使用Chrome Frame：
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
最佳的兼容模式方案，結合考慮以上兩種：
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
指定文件兼容性模式，在網頁中使用meta元素放入X-UA-Compatible http-equiv 標頭。以下是指定為Emulate IE7 mode兼容性之範例：
1 | <html> |
2 | <head> |
3 | <!-- Mimic Internet Explorer 7 --> |
4 | <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> |
5 | <title> My Web Page </title> |
6 | </head> |
7 | <body> |
8 | </body> |
9 | </html> |
設定網站服務器以指定預設兼容性模式：
01 | <?xml version="1.0" encoding="utf-8"?> |
02 | <configuration> |
03 | <system.webServer> |
04 | <httpProtocol> |
05 | <customHeaders> |
06 | <clear /> |
07 | <add name="X-UA-Compatible" value="IE=EmulateIE7" /> |
08 | </customHeaders> |
09 | </httpProtocol> |
10 | </system.webServer> |
11 | </configuration> |
也可以加上這行
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
也可以避免這個問題
有任何疑問歡迎留言
By 艾摩杰~
留言
張貼留言