1. 程式人生 > >html亂碼原因與網頁亂碼解決方法

html亂碼原因與網頁亂碼解決方法

造成html網頁亂碼原因主要是html原始碼內中文字內容與html編碼不同造成。但無論是哪種情況造成亂碼在網頁開始時候都需要設定網頁編碼。

charset編碼設定
charset編碼設定

html網頁亂碼效果截圖
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

在寫資料庫連線檔案時,寫成:

  1. $conn
     = mysql_connect("$host","$user","$password"); 
  2. mysql_query("SET NAMES 'UTF8'"); 
  3. mysql_select_db("$database",$conn); 

然後在做頁面時,注意這句:

  1. <metahttp-equiv="Content-Type"content="text/html; charset=utf-8"/>

這樣不管輸入資料庫的中文,還是頁面顯示,就都正常了。
在DW CS4版裡,預設生成的也是utf8頁面。

同樣的,如果一開始寫資料庫連線檔案時寫成:

  1. mysql_query("SET NAMES 'GBK'"); 

那頁面也要相應變成:

  1. <metahttp-equiv="Content-Type"content="text/html; charset=gb2312"/>

其它asp程式或其它程式語言網站根據實際情況到百度查詢轉換編碼方法。

第三種,瀏覽器造成亂碼。
這個可能是你網頁沒有設定meta charset編碼造成。導致瀏覽器不能識別你網頁預設編碼型別。解決方法:

1、如果瀏覽器瀏覽時候出現網頁亂碼,在瀏覽器中找到轉換編碼的選單。

在IE9瀏覽器中需要轉碼的網頁空白出右鍵滑鼠,即可選擇“編碼”。
傲遊瀏覽器中瀏覽需要轉碼的網頁時,選單“檢視”-->“編碼”即可選擇轉換編碼
谷歌瀏覽器中瀏覽需要轉碼的網頁時,點選右上角“三橫”圖示選擇“工具”-->“編碼”即可選擇切換網頁編碼達到讓瀏覽器瀏覽此網頁不是亂碼。

傲遊瀏覽器切換當前瀏覽網頁編碼截圖
傲遊瀏覽器切換當前瀏覽網頁編碼截圖

2、如果自己開發網頁,必須網頁加入meta charset編碼標籤。

  1. <metahttp-equiv="Content-Type"content="text/html; charset=gb2312"/>

  1. <metahttp-equiv="Content-Type"content="text/html; charset=utf-8"/>

假如轉換時候,不是記事本編輯新增meta charset編碼標籤就完成,這樣同樣會造成亂碼,那是因為直接記事本新增或修改編碼格式後,而對應Html超文字文件內容並沒有隨新增或修改編碼格式而變化,這個時候需要真正意義上的轉碼,所以最好藉助開發軟體進行編碼新增與修改。

推薦DW軟體中修改編碼。在DW軟體中進行編碼修改或新增,並重新載入編碼的網頁。

dw軟體設定網頁編碼選項卡截圖
DW轉化網頁編碼型別選項卡截圖