html 乱码问题

#前言

最近学习了HTML,出现了一个问题,就是代码没有问题,但是会出现乱码的问题!

#原因

  • 出现乱码问题,主要是因为html的编码问题,我们使用的text创建的文件,默认的是ANSI!

这里写图片描述

  • 未设置HTML编码:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

未设置,这里设置的是utf-8

#解决方案

  • 把文件另存为,同时改成UTF-8就好!

这里写图片描述

  • 在HTML文件头中增加下面代码:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

#拓展

使用UTF8编码(国际化编码)

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

使用中文gbk编码

<meta http-equiv="content-type" content="text/html; charset=gbk" />

使用简体中文gb18030编码

<meta http-equiv="content-type" content="text/html; charset=gb18030" />

在XHTML、HTML5中使用

<meta charset="UTF-8" />
<meta charset="gbk" />
<meta charset="gb18030" />

#根本原因

在我们的中文windows中,ansi代表的是GBK编码,不同的ansi编码是不兼容的,所以我们在使用ansi编码进行html编码时候,用到不同的语言会出现乱码的问题,但是utf-8属于万国码(国际化编码),对于不同语言都兼容!

HTML文件的实际编码方式和charset设定的同样就不会出现HTML中文乱码问题

#后语
简短的博客,希望能给大家带来帮助!


希望本文对您有所帮助! 有什么不足!欢迎指正! 感觉不错可以赞一下哦!
评论 14
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值