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

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

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

<meta charset="utf-8">

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

亂碼造成原因

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

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

解決亂碼方法

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

解決方法：

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

盡量不要直接使用記事本進(jìn)行編輯HTML代碼。

第二種，如果網(wǎng)頁(yè)設(shè)置編碼是gbk的，而數(shù)據(jù)庫(kù)儲(chǔ)存數(shù)據(jù)編碼格式是UTF-8的，這個(gè)時(shí)候程序查詢數(shù)據(jù)庫(kù)數(shù)據(jù)顯示數(shù)據(jù)前進(jìn)鄉(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ù)庫(kù)連接文件時(shí)，寫成：

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

然后在做頁(yè)面時(shí)，注意這句：

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

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

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

mysql_query("SET NAMES 'GBK'");

那頁(yè)面也要相應(yīng)變成：

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

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

推薦學(xué)習(xí)：html視頻教程