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