html文字亂碼的原因：1、網(wǎng)頁是gbk編碼，html文檔是utf-8編碼，編碼方式不一致導致亂碼；2、html網(wǎng)頁編碼是gbk，程序從數(shù)據(jù)庫中調(diào)出的內(nèi)容是utf-8編碼，編碼方式不一致導致亂碼。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

造成html網(wǎng)頁亂碼原因主要是html源代碼內(nèi)中文字內(nèi)容與html編碼不同造成。但無論是哪種情況造成亂碼在網(wǎng)頁開始時候都需要設置網(wǎng)頁編碼。

<meta charset="utf-8">

html網(wǎng)頁亂碼效果截圖

亂碼造成原因

1、比如網(wǎng)頁源代碼是gbk的編碼，而內(nèi)容中的中文字是utf-8編碼的，這樣瀏覽器打開即會出現(xiàn)html亂碼。反之網(wǎng)頁是編碼utf-8，內(nèi)容是gbk也會出現(xiàn)亂碼。

2、html網(wǎng)頁編碼是gbk，而程序從數(shù)據(jù)庫中調(diào)出呈現(xiàn)是utf-8編碼的內(nèi)容也會造成編碼亂碼。

解決亂碼方法

第一種，html網(wǎng)頁源代碼編碼與中文字輸入編碼不同。

解決方法：

使用軟件進行編輯HTML網(wǎng)頁內(nèi)容，推薦使用DW軟件進行HTML代碼編輯和開發(fā)。

盡量不要直接使用記事本進行編輯HTML代碼。

第二種，如果網(wǎng)頁設置編碼是gbk的，而數(shù)據(jù)庫儲存數(shù)據(jù)編碼格式是UTF-8的，這個時候程序查詢數(shù)據(jù)庫數(shù)據(jù)顯示數(shù)據(jù)前進鄉(xiāng)程序轉(zhuǎn)碼即可。

例如PHP程序+mysql查詢顯示數(shù)據(jù)轉(zhuǎn)碼：
mysql_query("SET NAMES 'UTF8'"); //將查詢數(shù)據(jù)轉(zhuǎn)碼為utf8，也就是轉(zhuǎn)換為utf-8
mysql_query("SET NAMES 'GBK'");//將查詢數(shù)據(jù)轉(zhuǎn)碼為GBK,如gbk2312

在寫數(shù)據(jù)庫連接文件時，寫成：

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

然后在做頁面時，注意這句：

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

這樣不管輸入數(shù)據(jù)庫的中文，還是頁面顯示，就都正常了。
在DW CS4版里，默認生成的也是utf8頁面。

同樣的，如果一開始寫數(shù)據(jù)庫連接文件時寫成：

mysql_query("SET NAMES 'GBK'");

那頁面也要相應變成：

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

其它asp程序或其它程序語言網(wǎng)站根據(jù)實際情況到百度查詢轉(zhuǎn)換編碼方法。

推薦學習：html視頻教程