網頁(UTF-8) 於瀏覽器出現亂碼解法

星期二, 七月 14, 2009

網頁(UTF-8) 於瀏覽器出現亂碼解法

前幾天聽到一件很有趣的事, 解法也很有趣.

網頁現在都是採用 UTF-8 編碼, 但是在 IE 呈現時, 卻是出現亂碼(自動偵測語系).

聽到的解法: 用 iconv() 把語言轉成 Big5 就可以出現中文, 當下是有點哭笑不得~ XD

正確解法有下面幾種:

於 HTML head 指定此頁編碼為 UTF-8
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
PHP 送 Header 告訴瀏覽器這頁是 UTF-8 編碼
<?php
header("Content-Type:text/html; charset=utf-8");
?>
設定 Apache 送出頁面預設語系 UTF-8 (比較不建議用此方法)
addDefaultCharset UTF-8

# 不過建議這行要包在 Directory 或 VirtualHost 內, 才不會影響到其它網頁.
<Directory "/var/*/blog">
addDefaultCharset UTF-8
</Directory>

<VirtualHost *>
addDefaultCharset UTF-8
</VirtualHost>

作者 jon ( My_Note-Programming ) :: 迴響 (14) :: 靜態連結網址

延伸閱讀

相關標籤

this is comment icon [回覆]

另外補充一個我很久之前解過的狀況
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

</head>
關於這個解法
<title>之間如果有顯示中文</title>
必須把<title>放在meta之後
否則偶些瀏覽器常會出現一片空白的畫面

Comment by Dylan (07/14/2009 18:44)

this is comment icon [回覆]

你好我是php新手可以問你一個問題嗎?
我用Dreamweaver在寫 "加入會員" 的網頁
我寫好後發現一個問題當註冊資料填好按送出後沒辦法到我所指定的頁面
而在原本的註冊頁面面顯示
Warning: Cannot modify header information - headers already sent by (output started at C:\Program Files\wamp\www\register.php:1) in C:\Program Files\wamp\www\register.php on line 78

這裡程式碼
if (isset($_SERVER['QUERY_STRING'])) {
$insertGoTo .= (strpos($insertGoTo, '?')) ? "&" : "?";
$insertGoTo .= $_SERVER['QUERY_STRING'];
}
header(sprintf("Location: %s", $insertGoTo));

Comment by shumi (07/14/2009 22:39)

this is comment icon [回覆]

我來幫Tsung大回答一下XD!回shumi桑，那是因為BOM的關係
如果你不知道什麼是BOM的話，可以看一下這篇小弟寫的文章=////=(羞)

http://liaosankai.pixnet.net/blog/post/24178179
http://doublekai.org/blog/?p=617

有附上BOM的介紹連結與非正式的解決方式(最好的解決方式就是用utf8的編碼去寫程式)
Tsung大不好意思，搶了你的工作

Comment by SANKAI (07/14/2009 23:05)

this is comment icon 回 Dylan [回覆]

嗯嗯, META 指定 UTF-8 編碼, 要放在在 Title 之前, 這樣子瀏覽器才不會找錯編碼, 出現一片空白.

我記得之前有寫過畫面空白的解法, 好像有三種解法, 但是現在一時找不到.. Orz..

感謝提供~ :)

Comment by Tsung (07/15/2009 09:21)

this is comment icon 回 SANKAI [回覆]