码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-04-02 22:28:48      阅读:95      评论:0      收藏:0      [点我收藏+]

标签:开始   文档   -o   描述   网页   建立   简写   iso   text   

【文章来源微信公众号:每天学编程】---关注,后台领取编程资源

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

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

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

效果图:

技术图片

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

示例:

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

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

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

标签:开始   文档   -o   描述   网页   建立   简写   iso   text   

原文地址:https://blog.51cto.com/14592820/2484486

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!