web前端入门到实战：解决HTML页面乱码问题

时间 2020-04-03

标签 web 前端入门实战解决 html 页面乱码问题栏目 HTML 繁體版

原文原文链接

【文章来源微信公众号：天天学编程】---关注，后台领取编程资源javascript

HTML文件乱码通常是由于编码格式不匹配形成的，好比：不一样编码内容混杂、浏览器不能自动检测网页编码等等；但不管是哪一种状况形成乱码，在HTML文件头中设置网页编码，匹配好编码格式就可。html

下面是一个中文乱码的html：前端

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

效果图：java

HTML中的编码方式有三个：gb2312，gbk，utf-8；如今大部分浏览器默认编码的是utf-8。咱们只须要把HTML编码方式设置为utf-8，就能够解决html中文乱码的问题。web

解决方法：编程

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

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

或者简写：微信

<meta charset="UTF-8">

解析：ide

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

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

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

示例：

专门创建的学习Q-q-u-n： 784783012 ，分享学习的方法和须要注意的小细节，不停更新最新的教程和学习技巧
（从零基础开始到前端项目实战教程，学习工具，全栈开发学习路线以及规划）

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