场景
有时候，在编写HTML代码完毕，预览页面效果时，浏览器显示网页出现乱码
解决办法
1.定义网页显示编码
我们在编写html代码的时所采用的网页编码方式可能与浏览器采用的编码方式不同，导致浏览器显示乱码；
解决办法：
在html头部标签meta中将代码编码用属性charset="编码方式"告诉浏览器；
常用浏览器编码方式有：GBK 、 UTF-8 、GB2312
代码：
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
2.网页文件保存方式
在写完html代码的时候，我们将html代码保存到电脑上，我们写代码的时候使用UTF-8，但是编辑器采用非UTF-8来保存代码，导致网页无法正常显示；
解决办法：
- 尽量不要直接使用记事本进行编辑HTML代码
- 保存代码的时候注意选择与自己代码一致的编码格式保存
例如：
vscode编码保存.png
3.数据库编码
如果网页设置编码是GBK的，而数据库储存数据编码格式是UTF-8的，这个时候浏览器查询数据库数据显示数据错误，也可能导致网页乱码；
解决办法：
将数据库编码与代码编码保持一致即可；
因为目前没有学习过数据库等涉及后端的知识，所以暂时无法提供示例
注意：
- 代码编码、数据库编码、代码文件编码都必须保持一致才能正常显式，否则页面就会出现乱码。
