html页面中文显示乱码问题
html页面中出现中文时可能在前端显示为乱码。
问题原因：
- 页面的显示编码和存储编码不一致
解决方案：修改显示编码和存储编码为一致。
步骤：
-
修改页面的显示编码
-
修改页面的存储编码
1. 修改页面的显示编码
页面的显示编码就是浏览器用来解析页面的编码，常用的是utf-8编码。通过在页面的head标签里面加上 meta标签可以设置显示编码为utf-8。代码如下：
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
2. 修改页面的存储编码
可以通过文本编辑器打开html源文件，然后修改编码。我这里通过vscode 编辑器把文件存储代码从gbk修改为utf-8.
- 打开html文件，右下角看到一行状态栏，里面有文件的编码信息。如果显示UTF-8，说明文件的存储编码就是utf-8不需要修改；如果显示为GB 2312之类的，说明编码不是UTF-8。需要修改
- 点击GB2312
- 点击Save with Encoding
- 找到utf-8并点击
- 查看右下角，发现编码已经改变了。此时通过浏览器重新打开html文件，中文应该已经显示正常了。
总结
重点是html显示编码和存储编码必须一致，才不会出现乱码。
网友评论