中文乱码_html页面中文显示乱码问题
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显示编码和存储编码必须一致，才不会出现乱码。
html页面中文显示乱码问题 html页面中出现中文时可能在前端显示为乱码。 问题原因： 页面的显示编码和存储编码不一致 解决方案：修改显示编码和存储编码为一致。 步骤： 修改页面的显示编码 修改页面的存储编码 1. 修改页面的显示编码 页面的显示编码就是浏览器用来解析页面的编码，常用的是utf-8编码。通过在页面的head标签里面加上 meta标签可以设置显示编码为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显示编码和存储编码必须一致，才不会出现乱码。