今天在做網頁的時候發現一個問題：一個網頁在ie 7下是白屏。我查看了源碼，發現內容完好，并且ie6、其他的瀏覽器、以及非原生態的ie7（ieTester下）都沒問題。
一開始我懷疑是頁面結構問題等。在修改了css、js等后發現仍沒有起色，疑惑間我想到是不是出了編碼問題。畢竟編碼問題經常會導致頁面的解析錯誤。
最終發現:
如果你的編碼信息在title之后就可能導致上述問題的發生：
<title>Long Step</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
解決方式很簡單，只要交換一下順序
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<title>Long Step</title>
分析原因:
那么為什么只有ie7會出現這樣的問題呢？這是由于ie7解析網頁編碼時以html內的標簽優先，而后才是http header內的訊息,而mozilla系列的瀏覽器則剛剛相反。
由于utf-8編碼的頁面為3個字節表示一個漢字，而普通的gb2313或big5是兩個。頁面輸出時，由于上述原因，使瀏覽器解析、輸出<title></title>的內容時，如果在</title>前有奇數個全角字符時，ie7把utf-8當作兩個字節解析時出現半個漢字的情況，這時該半個漢字會和</title>的”<”結合成一個亂碼字，導致ie7無法讀完<title>部分，使整個頁面為空百輸出。而這個時候如果察看源文件的話，會發現實際上整個葉面全部已經輸出了。
因此最簡單的解決辦法是在網頁文件的<head></head>標簽中一定要把字符定義<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />放在<title></title>之前。
實際上，其他編碼版本的也存在類似的問題，只是我們大家的瀏覽器默認編碼都是 GBK 所以更不容易被察覺罷了。
其實說到底，注意標簽的順序也是我們需要注意的好習慣。
轉載鏈接：
IE 7下頁面白屏的解決方法