网页出现乱码解决办法

场景

有时候，在编写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的，这个时候浏览器查询数据库数据显示数据错误，也可能导致网页乱码；

解决办法：

将数据库编码与代码编码保持一致即可；
因为目前没有学习过数据库等涉及后端的知识，所以暂时无法提供示例

注意：

• 代码编码、数据库编码、代码文件编码都必须保持一致才能正常显式，否则页面就会出现乱码。