網頁設計採用UTF-8的編碼格式,要注意Meta標籤和title標籤的順序問題
當開始網頁設計使用UTF-8編碼時,明明用其它瀏覽器,如火狐甚是google出的都可以正常瀏覽,
但就是IE老是剛開始依開進去空白一片,然後要自己手動設定選擇編碼才能正常瀏覽。
以上情形就算有寫以下的編碼格式聲明設定tag,IE也無法自動切換
但如火狐那些瀏覽器就能正常瀏覽,並不會有如IE的此類問題。
為何會這樣?
由於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>
測試後果然是這樣的問題喔!
轉貼來源:禾哥哥的網誌
參考文獻:
1.王育民、王怡舜 (1999), 行銷策略導向之旅館業網際網路服務內容規劃與設計, 第五屆服務管理研討會, 台北市, .
2.林永惟、宋同正 (2008), 商業平面設計之設計品質, 商業設計學報, 12(), 19-34.
3.李青蓉等編著.(1998).人機介面設計,台北縣:空大。
相關文章
迎接HTML5網頁設計來臨,10個好用的小工具介紹為手機開發專用的網頁設計架構公司的網頁很慢,若想換別家的虛擬主機,要怎麼換?捨棄web2.0網頁設計的趨勢改變網頁設計邁向HTML5新世紀
最新文章
HVACKer:入侵隔離網絡的新型攻擊技術還有什麼不會被入侵?路由器 LED 燈已成為攻擊入口美 5 家獨角獸同天申請 IPO 掛牌,最狂的是一家估值 124 億美的數據分析新創!【台灣「智慧產業」開始佈局】緯創集團領投跨國 AI 新創 iKala,下一步拓展東南亞市場快可以用手機遠端遙控你的所有家電了