html文字亂碼的原因：1、網頁是gbk編碼，html文檔是utf-8編碼，編碼方式不一致導致亂碼；2、html網頁編碼是gbk，程序從數據庫中調出的內容是utf-8編碼，編碼方式不一致導致亂碼。

本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

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

<meta charset="utf-8">

html網頁亂碼效果截圖

亂碼造成原因

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

2、html網頁編碼是gbk，而程序從數據庫中調出呈現是utf-8編碼的內容也會造成編碼亂碼。

解決亂碼方法

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

解決方法：

使用軟件進行編輯HTML網頁內容，推薦使用DW軟件進行HTML代碼編輯和開發。

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

第二種，如果網頁設置編碼是gbk的，而數據庫儲存數據編碼格式是UTF-8的，這個時候程序查詢數據庫數據顯示數據前進鄉程序轉碼即可。

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

在寫數據庫連接文件時，寫成：

$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" />

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

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

mysql_query("SET NAMES 'GBK'");

那頁面也要相應變成：

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

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

推薦學習：html視頻教程