由于最近在學(xué)習(xí) HTML，學(xué)習(xí)過程中中文顯示亂碼問題幾乎所有初學(xué)者都會(huì)遇到，因此本節(jié)為大家介紹中文顯示亂碼的原因及解決方案，希望對(duì)大家有所幫助。
中文顯示亂碼的原因
網(wǎng)頁顯示中文亂碼是在瀏覽器（例如：Firefox，IE等）對(duì) HTML 網(wǎng)頁進(jìn)行解釋的時(shí)候形成的，其形成原因是瀏覽器無法正確識(shí)別網(wǎng)頁內(nèi)容所屬語系。新建一個(gè) HTML 文件，并輸入以下內(nèi)容：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
</head>
<body>
<ul>
<li>蘋果</li>
<li>香蕉</li>
<li>葡萄</li>
</ul>
<ol>
<li>蘋果</li>
<li>香蕉</li>
<li>葡萄</li>
</ol>
</body>
</html>
當(dāng)我們通過瀏覽器（測(cè)試使用的是Firefox瀏覽器）顯示該網(wǎng)頁時(shí)，效果如下所示：
好遺憾，中文顯示亂碼了。這是由于瀏覽器會(huì)將該網(wǎng)頁語種辨認(rèn)為“歐洲語系”，因此無法正確顯示中文。
中文顯示亂碼的解決方案
中文顯示亂碼的解決方案就是通過正確設(shè)置字符編碼來使得瀏覽器能夠正確識(shí)別網(wǎng)頁內(nèi)容所屬語系。例如上面的例子中，將charset=iso-8859-1修改為charset=utf-8即可。utf-8 是世界性通用字符編碼格式，可以完美的支持中英文編碼，無論是中文網(wǎng)頁或者英文網(wǎng)頁均不會(huì)出現(xiàn)亂碼問題。修改后的代碼如下所示：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
</head>
<body>
<ul>
<li>蘋果</li>
<li>香蕉</li>
<li>葡萄</li>
</ul>
<ol>
<li>蘋果</li>
<li>香蕉</li>
<li>葡萄</li>
</ol>
</body>
</html>
顯示效果如下所示：
為什么有時(shí)我們已經(jīng)加入了正確的字符編碼還是會(huì)出現(xiàn)中文亂碼呢？因?yàn)槲覀兒雎粤艘粯訓(xùn)|西，那就是HTML 文件的實(shí)際編碼方式（例如：Notepad++ utf-8無BOM格式編碼），如果 HTML 文件的實(shí)際編碼方式和 charset 設(shè)定的相同就不會(huì)出現(xiàn) HTML中文亂碼問題，如果不同就可能出現(xiàn)中文亂碼。
