html亂碼原因與網頁亂碼解決方法
造成html網頁亂碼原因主要是html原始碼內中文字內容與html編碼不同造成。但無論是哪種情況造成亂碼在網頁開始時候都需要設定網頁編碼。
charset編碼設定
html網頁亂碼效果截圖
一、亂碼造成原因 - TOP
1、比如網頁原始碼是gbk的編碼,而內容中的中文字是utf-8編碼的,這樣瀏覽器開啟即會出現html亂碼。反之網頁是編碼utf-8,內容是gbk也會出現亂碼。
2、html網頁編碼是gbk,而程式從資料庫中調出呈現是utf-8編碼的內容也會造成編碼亂碼。
3、瀏覽器不能自動檢測網頁編碼,造成網頁亂碼。
二、解決亂碼方法 - TOP
第一種,html網頁原始碼編碼與中文字輸入編碼不同。
解決方法:
使用軟體進行編輯HTML網頁內容,推薦使用DW軟體進行HTML程式碼編輯和開發。
儘量不要直接使用記事本進行編輯HTML程式碼。
第二種,如果網頁設定編碼是gbk的,而資料庫儲存資料編碼格式是UTF-8的,這個時候程式查詢資料庫資料顯示資料前進鄉程式轉碼即可。
例如PHP程式+mysql查詢顯示資料轉碼:
1、mysql_query("SET NAMES 'UTF8'"); //將查詢資料轉碼為utf8,也就是轉換為utf-8
2、mysql_query("SET NAMES 'GBK'");//將查詢資料轉碼為GBK,如gbk2312
在寫資料庫連線檔案時,寫成:
- $conn
- mysql_query("SET NAMES 'UTF8'");
- mysql_select_db("$database",$conn);
然後在做頁面時,注意這句:
- <metahttp-equiv="Content-Type"content="text/html; charset=utf-8"/>
這樣不管輸入資料庫的中文,還是頁面顯示,就都正常了。
在DW CS4版裡,預設生成的也是utf8頁面。
同樣的,如果一開始寫資料庫連線檔案時寫成:
- mysql_query("SET NAMES 'GBK'");
那頁面也要相應變成:
- <metahttp-equiv="Content-Type"content="text/html; charset=gb2312"/>
其它asp程式或其它程式語言網站根據實際情況到百度查詢轉換編碼方法。
第三種,瀏覽器造成亂碼。
這個可能是你網頁沒有設定meta charset編碼造成。導致瀏覽器不能識別你網頁預設編碼型別。解決方法:
1、如果瀏覽器瀏覽時候出現網頁亂碼,在瀏覽器中找到轉換編碼的選單。
在IE9瀏覽器中需要轉碼的網頁空白出右鍵滑鼠,即可選擇“編碼”。
傲遊瀏覽器中瀏覽需要轉碼的網頁時,選單“檢視”-->“編碼”即可選擇轉換編碼
谷歌瀏覽器中瀏覽需要轉碼的網頁時,點選右上角“三橫”圖示選擇“工具”-->“編碼”即可選擇切換網頁編碼達到讓瀏覽器瀏覽此網頁不是亂碼。
傲遊瀏覽器切換當前瀏覽網頁編碼截圖
2、如果自己開發網頁,必須網頁加入meta charset編碼標籤。
- <metahttp-equiv="Content-Type"content="text/html; charset=gb2312"/>
或
- <metahttp-equiv="Content-Type"content="text/html; charset=utf-8"/>
假如轉換時候,不是記事本編輯新增meta charset編碼標籤就完成,這樣同樣會造成亂碼,那是因為直接記事本新增或修改編碼格式後,而對應Html超文字文件內容並沒有隨新增或修改編碼格式而變化,這個時候需要真正意義上的轉碼,所以最好藉助開發軟體進行編碼新增與修改。
推薦DW軟體中修改編碼。在DW軟體中進行編碼修改或新增,並重新載入編碼的網頁。
DW轉化網頁編碼型別選項卡截圖