html頁面中文顯示亂碼問題
時間:2023-10-06 22:24:01 | 來源:網(wǎng)站運營
時間:2023-10-06 22:24:01 來源:網(wǎng)站運營
html頁面中文顯示亂碼問題:
html頁面中文顯示亂碼問題
html頁面中出現(xiàn)中文時可能在前端顯示為亂碼。
問題原因:
解決方案:
修改顯示編碼和存儲編碼為一致。
步驟:
- 修改頁面的顯示編碼
- 修改頁面的存儲編碼
1. 修改頁面的顯示編碼
頁面的顯示編碼就是瀏覽器用來解析頁面的編碼,常用的是utf-8編碼。通過在頁面的head標簽里面加上 meta標簽可以設(shè)置顯示編碼為utf-8。代碼如下:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
2. 修改頁面的存儲編碼
可以通過文本編輯器打開html源文件,然后修改編碼。我這里通過vscode 編輯器把文件存儲代碼從gbk修改為utf-8.
- 打開html文件,右下角看到一行狀態(tài)欄,里面有文件的編碼信息。如果顯示UTF-8,說明文件的存儲編碼就是utf-8不需要修改;如果顯示為GB 2312之類的,說明編碼不是UTF-8。需要修改
- 點擊GB2312
- 點擊Save with Encoding
- 找到utf-8并點擊
- 查看右下角,發(fā)現(xiàn)編碼已經(jīng)改變了。此時通過瀏覽器重新打開html文件,中文應(yīng)該已經(jīng)顯示正常了。
總結(jié)
重點是html顯示編碼和存儲編碼必須一致,才不會出現(xiàn)亂碼。