第1个回答 2020-01-29
首先要明白，
<meta charset="UTF-8">
是设置网页文件展示时使用的字符集（编码），那其实除了网页文件展示时有编码以外，网页文件本身还有编码。必须两者统一时才不会乱码。
举个例子（此处用Notepad++为例）：
创建一个html文件，用Notepad++打开，先把文档结构写好
test.html代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1></h1>
</body>
</html>
写到这儿之后，改变Notepad++的编码，改为GB2312，如下图
改好之后再修改test.html文件，修改之后的代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>字符编码测试</title>
</head>
<body>
<h1>你好，世界！</h1>
</body>
</html>
用浏览器查看test.html,效果如下图
乱码了对吧？尝试修改网页显示的字符编码，将<meta
charset="UTF-8">修改为和Notepad++一致的GB2312
<meta charset="GB2312">
再次查看网页效果
这回正确了。
所以你将网页的显示字符集改为UTF-8说明你的编辑器可能采用的时其他字符集，你需要检查一下。
注意：
浏览器也可以设置字符集，不统一也可能导致乱码
一般建议统一使用UTF-8
使用UTF-8你乱码你需要检查到底时哪一步出了错误，是编辑器还是浏览器。
如果说网页时服务器生成的还需要将服务器的编码一并考虑进去