html出现代码乱码

在进行网页制作时，我们经常会遇到一些奇奇怪怪的问题，比如 html 出现代码乱码的问题。那么这是怎么回事呢？

!DOCTYPE html>
    html lang="en">
    head>
        meta charset="utf-8">
        title>
    标题/title>
    /head>
    body>
        p>
    欢迎来到我的网站/p>
    /body>
    /html>
    

在编写 HTML 代码时，我们最好在 head 标签中设置编码格式，这是因为如果我们不设置编码格式，浏览器会默认采用 ISO-8859-1 编码，而不是我们预想的 UTF-8 编码。这时如果我们在网页中使用了一些特殊字符，就会出现乱码的情况。

例如，下面的代码中出现了一个中文汉字“你”，如果我们不指定编码格式，浏览器无法正确将其解析，就会显示成其他字符。

!DOCTYPE html>
    html>
    head>
        title>
    乱码示例/title>
    /head>
    body>
        p>
    你好呀，世界！/p>
    /body>
    /html>
    

解决方案就是在 head 标签中设置编码格式，如下所示：

!DOCTYPE html>
    html>
    head>
        meta charset="UTF-8">
        title>
    乱码示例/title>
    /head>
    body>
        p>
    你好呀，世界！/p>
    /body>
    /html>
    

现在再打开网页，浏览器就可以正确地显示出“你好呀，世界！”这句话了。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！