HTML页面为什么设置了UTF-8仍然中文乱码
如题,其实问题很简单,在用EditPlus写html页面的时候,发现设置为UTF-8的时候仍然出现了乱码,
这是一个很奇怪的问题,而且我完全考虑了浏览器的解析问题,将title放在了了meta标签之后,之后突然想起页面
保存时候的编码问题,在保存页面的时候EditPlus默认的是ANSI的编码方式,而不是UTF-8。所以在保存页面的时候注意选择编码方式为UTF-8即可。
如果要修改EditPlus默认的编码方式,可以在tools---configure user tools,配置为Defaultencoding为UTF-8即可。
如下图配置:

原因:
在保存文件到计算机硬盘的时候,文件保存的内容已经和本机采用的编码相关,采用了计算机上有的某种编码方式来存储。
在简体中文系统中ANSI代表的就是GB2312,繁体似乎是GBK,而在日文操作系统下,ANSI 编码代表 JIS 编码。
使用 2 个字节来代表一个字符的各种语言字体编码方式,称为 ANSI 编码
所以如果保存时候用的是ANSI, Html页面中的meta定义的是<metahttp-equiv="Content-Type" content="text/html; charset=GB2312"/>或者
<meta http-equiv="Content-Type" content="text/html;charset=GBK"/>,由于GBK是在GB2312基础上演变而来,所以这两者在保存之后都能被浏览器解释出来,而
如果保存时候用的是ANSI而在meta中 用的是<metahttp-equiv="Content-Type" content="text/html; charset=UTF-8"/>则就会出现乱码,因为在用UTF-8方式去解析这样的ANSI
码的时候会出现不能正常解析也就出现了乱码
解决方式:用什么方式编码,就用什么方式解析,all will be ok then
更多编码的知识,见下一篇转载文章:编码问题 java编码问题
这是一个很奇怪的问题,而且我完全考虑了浏览器的解析问题,将title放在了了meta标签之后,之后突然想起页面
保存时候的编码问题,在保存页面的时候EditPlus默认的是ANSI的编码方式,而不是UTF-8。所以在保存页面的时候注意选择编码方式为UTF-8即可。
如果要修改EditPlus默认的编码方式,可以在tools---configure user tools,配置为Defaultencoding为UTF-8即可。
如下图配置:
原因:
在保存文件到计算机硬盘的时候,文件保存的内容已经和本机采用的编码相关,采用了计算机上有的某种编码方式来存储。
在简体中文系统中ANSI代表的就是GB2312,繁体似乎是GBK,而在日文操作系统下,ANSI 编码代表 JIS 编码。
使用 2 个字节来代表一个字符的各种语言字体编码方式,称为 ANSI 编码
所以如果保存时候用的是ANSI, Html页面中的meta定义的是<metahttp-equiv="Content-Type" content="text/html; charset=GB2312"/>或者
<meta http-equiv="Content-Type" content="text/html;charset=GBK"/>,由于GBK是在GB2312基础上演变而来,所以这两者在保存之后都能被浏览器解释出来,而
如果保存时候用的是ANSI而在meta中 用的是<metahttp-equiv="Content-Type" content="text/html; charset=UTF-8"/>则就会出现乱码,因为在用UTF-8方式去解析这样的ANSI
码的时候会出现不能正常解析也就出现了乱码
解决方式:用什么方式编码,就用什么方式解析,all will be ok then
更多编码的知识,见下一篇转载文章:编码问题 java编码问题
分类:
web前端
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!