網頁設計使用UTF-8編碼，IE因無法自動切換編碼造成瀏覽時一片空白，結果須手動選擇編碼的解決方式 - 禾哥哥的網誌

字體：小中大

網頁設計使用UTF-8編碼，IE因無法自動切換編碼造成瀏覽時一片空白，結果須手動選擇編碼的解決方式

2012/04/20 13:54:08瀏覽1415｜回應1｜推薦1

當設計的網頁使用UTF-8編碼時，明明用其它瀏覽器，如火狐甚是google出的都可以正常瀏覽，

但就是IE 6老是剛開始依開進去空白一片，然後要自己手動設定選擇編碼才能正常瀏覽。

以上情形就算有寫以下的編碼格式聲明設定tag，IE 6也無法自動切換

但如火狐那些瀏覽器就能正常瀏覽，並不會有如IE 6的此類問題。

為何會這樣?

由於IE解譯網頁編碼時以HTML內的標籤優先，而後才是HTTP header內的訊息、

而mozilla系列的流覽器則剛剛相反。

由於UTF-8為3個位元組表示一個漢字，而普通的GB2312或BIG5是兩個。頁面輸出時，由於上述原

因，使瀏覽器解析、輸出的內容時，如果在前有奇數個全形字符

時輸出的內容時，IE把UTF-8當作兩個位元組解析時出現半個漢字的情況，這時該半個漢字會和

的<會結合成一個亂碼字，導致IE無法讀完部分，使整個頁面為空白輸出。

看到這邊，心里有底了！！

解決方式應當很簡單，依照上面文意可以推出以下結論

原本會出問題的寫法：

<head>
<title>會出問題喔</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

正確的寫法應改成：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>不會出問題</title>
</head>

試驗過了之後，真的如此！！

在此引用文章，依照內容所示：