PIECE2巨群
網頁設計 ‧ 平面設計 ‧ 虛擬主機 ‧ 網路行銷
最新消息
資訊分享
關於我們 服務項目 客戶案例 製作流程 虛擬主機 聯絡我們
網頁設計採用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,下一步拓展東南亞市場
快可以用手機遠端遙控你的所有家電了



 
PIECE2巨群 版權所有 © 2008 總公司:06-2895301 台北:02-82529838 台中:04-25152530 高雄:07-7931226
驗證 CSS 驗證 W3C
專精項目:網頁設計   網站設計   平面設計   包裝設計   關鍵字行銷   關鍵字排名   網路行銷   網站代管   虛擬主機   ERP系統