html页面中文显示乱码问题

html页面中出现中文时可能在前端显示为乱码。

问题原因：

• 页面的显示编码和存储编码不一致

解决方案：修改显示编码和存储编码为一致。

步骤：

1. 修改页面的显示编码

2. 修改页面的存储编码

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显示编码和存储编码必须一致，才不会出现乱码。