<!DOCTYPE html>
<html lang="en">
<head>
<!-- 作用:告诉浏览器所采用的编码字符集是什么,然后浏览器就会根据此字符集来解码,只是一个告诉浏览器的作用,
具体的内容字符集格式是根据当前编辑器来决定的
-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<!--
乱码问题都是中文的乱码
1.计算机是一个笨的机器,底层只认识0和1,在计算机中保存的任何内容最终都需要转换为二进制编码来保存,包括网页的内容。
比如,"盖航"这两个字在计算机保存的时候,转换为0100100(只是个例子),在读取内容时候,需要将二进制转换为正确的中午,
在这个过程涉及到两个内容
编码:根据一定的规则,将我们的字符转换为二进制的过程,就是编码。
解码:根据一定的规则,将我们的二进制转换为字符的过程,就是解码。
字符集:上面两个过程都是依据一定的规则,这个采用的规则我们称之为字符集。
根本原因:在编码和解码使用的字符集不一样的时候,就会发生乱码。
常见字符集:ASCII(美国编码) ISO-8859-1(欧洲) GBK(中文) GB2312(中文系统默认编码) UTF- 8(全国通用) ...等
解决方法: 只要浏览器的解码和html的编码一致就好了,在html的head表标签中添加<meta charset="字符集">,字符集要和当前编写html文件的编辑器的字符集格式一致。
现在都是使用utf-8来编码的,因此 添加<meta charset="UTF-8">即可
-->
看看会不会乱码
</body>
</html>
比如我使用的是vscode 来写代码 ,默认的编码如右下角的红色框,只要保证 meta标签中的charset属性值和当前文本内容是一样的字符集即可。
总结起来就一句话:使用 <meta charset="UTF-8>来告诉浏览器的解码字符集和编写html代码的编码字符集一致就ok