網頁設計空白的 UTF-8 頁面 - 網頁之 UTF-8 編碼顯示空白頁問題

空白的 UTF-8 頁面

<head> 當中,排在最前面的是像網頁標題標籤 <title></title>
如果當中就出現了 UTF-8 中文的時侯就很容易造成在瀏覽器中畫面一片空白。

在網路上找到一些描述,由於 UTF-8 為 三個位元組表示一個漢字,而普通的 BIG5 GB2312 是兩個。頁面輸出時,由於上述原因使得瀏覽器解析、輸出 <title></title> 內容的時侯,如果在 </title> 前有奇數個全形字符時,Microsoft Internet Explorer (IE)UTF-8 當作兩個位元組解析時出現半個漢字的情況, 這時該半個漢字會和 </title>< 結合成一個亂碼字,導致 IE 無法讀完 <title> 部分,使整個頁面為空百輸出。而這個時候如果察看原始檔案的話,會發現實際上整個頁面全部已經輸出了。


解決 IE 打開 UTF-8 編碼顯示空白頁問題

解決這個問題最簡單的辦法,是於網頁中將

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

編碼聲明這一段移動到 <title></title> 之前面。



UTF-8 萬國碼

UTF-8 萬國碼最常見於 HTML 與相關協定中。格式是原先存在於 ASCII 的字元和 UTF-8 中的同一字元,擁有同樣的的字元值。例如,AASCIIUTF-8 中都是 0x41。大多數現有軟體不需重新撰寫,直接轉換成 UTF-8Unicode 字元。

網頁使用 UTF-8 編碼的優點是,無論您的作業系統的使用語言是簡體中文『GB2312字元集』、繁體中文『BIG5字元集』或者是日文、韓文、法文、德文、俄文、阿拉伯文、希伯來文、西班牙文、葡萄牙文等各種語言文字,使用這些語言文字在網頁中,瀏覽時都可以正常顯示出來,不會有亂碼,不會有重碼和字元衝突,不需要調整頁面的語言編碼設置即可正常瀏覽,而且多種語言字元可以同時共存在頁面上 META 標籤 UTF-8 萬國碼及 SEO 網站最佳化