您的位置: 首页  >  文章  >  html乱码问题

html乱码问题

分类: 文章 • 2023-12-06 09:55:40 
<!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>

html乱码问题

比如我使用的是vscode 来写代码 ，默认的编码如右下角的红色框，只要保证 meta标签中的charset属性值和当前文本内容是一样的字符集即可。

总结起来就一句话:使用 <meta charset="UTF-8>来告诉浏览器的解码字符集和编写html代码的编码字符集一致就ok

相关推荐