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