• 技术文章 >web前端 >html教程

    如何解决html打开乱码问题

    藏色散人藏色散人2021-04-01 11:26:18原创93

    html打开乱码的解决办法:首先打开相应的HTML代码文件;然后在head节点加入<meta>标签;最后把字符声明为UTF-8即可。

    本文操作环境:Windows7系统、HTML5&&CSS3版,DELL G3电脑

    HTML页面乱码的解决:

    HTML文件乱码一般是因为编码格式不匹配造成的,比如:不同编码内容混杂、浏览器不能自动检测网页编码等等;但无论是哪种情况造成乱码,在HTML文件头中设置网页编码,匹配好编码格式就可。

    下面是一个中文乱码的html:

    <!DOCTYPE html>
    <html>
    <body>
    <h1>标题</h1>
    <p>这是一段测试文本!</p>
    </body>
    </html>

    效果图:

    2c7338261a245264239edc44bb32bb2.png

    HTML中的编码方式有三个:gb2312,gbk,utf-8;现在大部分浏览器默认编码的是utf-8。我们只需要把HTML编码方式设置为utf-8,就可以解决html中文乱码的问题。

    解决方法:

    在head节点加入<meta>标签,把字符声明为UTF-8

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    或者简写:

    <meta charset="UTF-8">

    解析:

    ● http-equiv="Content-Type"表示描述文档类型

    ● content="text/HTML;文档类型,这里为html,如果JS就是text/javascript,

    ● charset=utf-8 页面字符集,编码,eg:gb2312,iso-8859-1,utf-8

    示例:

    <!DOCTYPE html>
    <head>
    <meta charset="UTF-8">
    </head>
    <html>
    <body>
    <h1>标题</h1>
    <p>这是一段测试文本!</p>
    </body>
    </html>

    效果图:

    90e86aaae6382d97397c4c5acc4889b.png

    推荐学习:《HTML视频教程》《css视频教程

    以上就是如何解决html打开乱码问题的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html
    上一篇:html怎么设置边框 下一篇:html图片不滚动怎么设置
    第15期线上培训班

    相关文章推荐

    • 网页乱码怎么解决• jquery url中文乱码怎么办• 网页为什么会出现乱码?解决方法介绍• 电脑系统显示乱码怎么解决

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网