如何解決html文件的中文亂碼問題與在瀏覽器中的顯示問題

這篇文章主要介紹如何解決html文件的中文亂碼問題與在瀏覽器中的顯示問題，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

在網(wǎng)頁中，中文亂碼的問題時(shí)常出現(xiàn)。以前我遇到亂碼問題時(shí)，就是不停的嘗試不同的編碼方式，直到成功。昨天項(xiàng)目又遇到了這個(gè)問題，我于是做了簡單的測試。

　　html文件是有編碼方式的，比如"UTF-8"、"GBK"等等。這些在記事本中或許看不出來，但是在eclipse中，可以設(shè)置html文件的編碼方式，以下的圖片中會(huì)有說明。

　　測試一：

　　以"UTF-8"方式保存html文件，具體的文件內(nèi)容見下圖：

　　圖中可以看到，文件的編碼方式為"UTF-8"，下方的紅框中的Other所示，是在eclipse中設(shè)置的。圖片上方的紅框指明瀏覽器打開該文件的編碼方式，可以看到為"UTF-8"。

　　使用IE打開該文件，可以看到下圖：

　　查看瀏覽器的編碼方式，可以看到瀏覽器自動(dòng)選擇了"UTF-8"方式，并且沒有出現(xiàn)亂碼。

　　切換瀏覽器的編碼方式到"GB2312"，可以看到下圖：

　　測試二：

　　以"UTF-8"方式保存html文件，并設(shè)置文件頭中的編碼方式為"GBK"，如下圖：

　　這表明：文件的編碼方式為"UTF-8"，默認(rèn)的文件打開方式為"GBK"。

　　使用IE打開這個(gè)文件的截圖如下：

　　可以看到瀏覽器根據(jù)html文件的指示，用"GB2312"方式來打開。由于文件本身的編碼方式是"UTF-8"，所以出現(xiàn)了亂碼。但是網(wǎng)頁源文件并不是亂碼。

　　選擇瀏覽器的編碼方式為"UTF-8"，可以看到亂碼現(xiàn)象消失。截圖如下：

　　至此，測試結(jié)束。歸納以下幾點(diǎn)：

　　1. html文件是有編碼格式的，這個(gè)在特定的編輯器中才能看出來，并進(jìn)行設(shè)置。

　　2. html文件中頭部的"content-type"中設(shè)置的"charset"是告訴瀏覽器打開該文件的編碼方式。

　　3. 一般1、2點(diǎn)中的編碼方式應(yīng)該一致，不一致可能出現(xiàn)亂碼。

　　4. 如果瀏覽器中顯示亂碼，但是頁面源文件不是亂碼，可以通過修改瀏覽器的編碼方式看到正確的中文，如果在源文件中設(shè)置了正確的"charset"，就不需要修改瀏覽器的編碼方式了。

以上是如何解決html文件的中文亂碼問題與在瀏覽器中的顯示問題的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！