关于HTML编码导致的乱码问题


Posted in HTML / CSS onSeptember 04, 2021

今天一个学弟问了一个问题,它写的HTML代码打开显示的是乱码。

然后就给我发来了代码。

关于HTML编码导致的乱码问题

就一个HTML文件和一个文件夹,打开一看,很简单的代码。

<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人介绍</title>
</head>
<body>
    <h6>自己?介</h6><br>
    <h4>名前</h4><br>
    私の名前はトウメイホウです<br>
    <h4>好きなこと</h4><br>
    旅行が好きです<br>
    ゲ?ムが好きです<br>
    <h4>出生地介绍</h4><br>
    四川人です。四川の山が多くて、四川人は?切で客好きです。四川人は辛いものが大好きです。<hr>
    <h4>将来の??lt;/h4><br>
    ??秀なプログラマ?になりたいです。<hr>
    <a href="hobby/myhobby.html">私の趣味をチェックします。</a>
</body>
</html>

因为是中日专业的同学,所以很多内容都是日文,用浏览器打开是这样的:

关于HTML编码导致的乱码问题

总之就是乱码,啥也看不懂。

出现乱码了肯定就是编码方式的问题,但是看代码里已经标明了使用的是UTF-8编码,为啥还是乱码呢。

关于HTML编码导致的乱码问题

注意看我用记事本打开是能够正常显示的,但是通过浏览器打开就是乱码,这是因为记事本的编码方式是ANSI,并不是UTF-8,跟我们写在代码里的不同。

所以我们需要把编码方式统一。

也就是:<meta charset="UTF-8">
得改成:<meta charset="ANSI">

然后重新打开就可以正常显示啦。
 

关于HTML编码导致的乱码问题

到此这篇关于关于HTML编码问题导致的乱码问题的文章就介绍到这了,更多相关html乱码问题内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章,希望大家以后多多支持三水点靠木!

 
HTML / CSS 相关文章推荐
css3 给背景设置渐变色的方法
Sep 12 HTML / CSS
使用CSS3来绘制一个月食图案
Jul 18 HTML / CSS
CSS3中的常用选择器使用示例整理
Jun 13 HTML / CSS
深入研究HTML5实现图片压缩上传功能
Mar 25 HTML / CSS
使用html5+css3来实现slider切换效果告别javascript+css
Jan 08 HTML / CSS
Html5游戏开发之乒乓Ping Pong游戏示例(三)
Jan 21 HTML / CSS
html5 canvas实现圆形时钟代码分享
Dec 25 HTML / CSS
html5使用canvas实现跟随光标跳动的火焰效果
Jan 07 HTML / CSS
简单介绍HTML5中的文件导入
May 08 HTML / CSS
通过HTML5 Canvas API绘制弧线和圆形的教程
Mar 14 HTML / CSS
web字体加载方案优化小结
Nov 29 HTML / CSS
Html5页面播放M4a音频文件
Mar 30 HTML / CSS
使用CSS3实现按钮悬停闪烁动态特效代码
Aug 30 #HTML / CSS
深入理解CSS 中 transform matrix矩阵变换问题
Aug 30 #HTML / CSS
CSS+HTML 实现顶部导航栏功能
Aug 30 #HTML / CSS
HTML5 语义化标签(移动端必备)
Aug 23 #HTML / CSS
CSS3 Tab动画实例之背景切换动态效果
Aug 23 #HTML / CSS
CSS 使用 resize 实现图片拖拽切换预览功能(强大功能)
如何使用 resize 实现图片切换预览功能
Aug 23 #HTML / CSS
You might like
ThinkPHP结合AjaxFileUploader实现无刷新文件上传的方法
2014/10/29 PHP
php实现在服务器上创建目录的方法
2015/03/16 PHP
php专用数组排序类ArraySortUtil用法实例
2015/04/03 PHP
PHP仿tp实现mvc框架基本设计思路与实现方法分析
2018/05/23 PHP
php实现的生成排列算法示例
2019/07/25 PHP
php项目中类的自动加载实例讲解
2019/09/12 PHP
Firefox 无法获取cssRules 的解决办法
2006/10/11 Javascript
通过隐藏option实现select的联动效果
2009/11/10 Javascript
JQuery模板插件 jquery.tmpl 动态ajax扩展
2011/11/10 Javascript
利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
2013/12/14 Javascript
JavaScript中Object.prototype.toString方法的原理
2016/02/24 Javascript
动态加载JavaScript文件的两种方法
2016/04/22 Javascript
requireJS使用指南
2016/04/27 Javascript
深入理解JavaScript中为什么string可以拥有方法
2016/05/24 Javascript
javascript中sort排序实例详解
2016/07/24 Javascript
Zepto实现密码的隐藏/显示
2017/04/07 Javascript
angularjs定时任务的设置与清除示例
2017/06/02 Javascript
webpack构建换肤功能的思路详解
2017/11/27 Javascript
vue增加强缓存和版本号的实现方法
2019/05/01 Javascript
[41:21]夜魇凡尔赛茶话会 第三期02:看图识人
2021/03/11 DOTA
合并百度影音的离线数据( with python 2.3)
2015/08/04 Python
Python实现多并发访问网站功能示例
2017/06/19 Python
详解python使用递归、尾递归、循环三种方式实现斐波那契数列
2018/01/16 Python
python使用re模块爬取豆瓣Top250电影
2020/10/20 Python
伦敦最有品味的百货:Liberty London
2016/11/12 全球购物
塔吉特百货公司官网:Target
2017/04/27 全球购物
党员批评与自我批评发言材料
2014/10/14 职场文书
大学生见习报告总结
2014/11/04 职场文书
转让协议书
2015/01/27 职场文书
工作简报格式范文
2015/07/21 职场文书
先进基层党组织主要事迹材料
2015/11/03 职场文书
使用Redis实现秒杀功能的简单方法
2021/05/08 Redis
Python 内置函数速查表一览
2021/06/02 Python
zabbix监控mysql的实例方法
2021/06/02 MySQL
win server2012 r2服务器共享文件夹如何设置
2022/06/21 Servers
腾讯云服务器部署前后分离项目之前端部署
2022/06/28 Servers