ie7打開頁面有源文件但頁面空白問題的解決方法

2024-08-26 00:11:01

字體：大中小

供稿：網(wǎng)友

問題:
我博客編碼是utf-8的。有時(shí)候打開頁面是一片空白，刷新一下又正常了，但查看源文件又是完整的。在ie6和firefox下都正常,但是在ie7下偶爾會(huì)出現(xiàn)這樣的情況。
一開始我懷疑是IDC的問題，后來又想到了js、css、頁面結(jié)構(gòu)等。偶然間我想到了編碼。畢竟編碼的問題已經(jīng)不是一兩次找過我麻煩了。
解決:
<title>武林網(wǎng)</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
交換一下順序
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>LC'BLOG</title>
原因:
為什么只有ie7會(huì)出現(xiàn)這樣的問題呢？這是由于ie7解析網(wǎng)頁編碼時(shí)以html內(nèi)的標(biāo)簽優(yōu)先，而后才是http header內(nèi)的訊息,而mozilla系列的瀏覽器則剛剛相反。
由于utf-8編碼的頁面為3個(gè)字節(jié)表示一個(gè)漢字，而普通的gb2313或big5是兩個(gè)。頁面輸出時(shí)，由于上述原因，使瀏覽器解析、輸出<title></title>的內(nèi)容時(shí)，如果在</title>前有奇數(shù)個(gè)全角字符時(shí)，ie7把utf-8當(dāng)作兩個(gè)字節(jié)解析時(shí)出現(xiàn)半個(gè)漢字的情況，這時(shí)該半個(gè)漢字會(huì)和</title>的"<"結(jié)合成一個(gè)亂碼字，導(dǎo)致ie7無法讀完<title>部分，使整個(gè)頁面為空百輸出。而這個(gè)時(shí)候如果察看源文件的話，會(huì)發(fā)現(xiàn)實(shí)際上整個(gè)葉面全部已經(jīng)輸出了。
因此最簡(jiǎn)單的解決辦法是在網(wǎng)頁文件的<head></head>標(biāo)簽中一定要把字符定義<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />放在<title></title>之前。
實(shí)際上，其他編碼版本的也存在類似的問題，只是我們大家的瀏覽器默認(rèn)編碼都是 GBK 所以更不容易被察覺罷了。

上一篇：nofollow讓評(píng)論和留言中的鏈接起到真正的作用

下一篇：firefox支持webdings字體的方法