关于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弹性盒模型开发笔记(一)
Apr 26 HTML / CSS
css3实现3d旋转动画特效
Mar 10 HTML / CSS
使用CSS3滤镜的filter:blur属性制作毛玻璃模糊效果的方法
Jul 08 HTML / CSS
纯CSS3绘制打火机动画火焰效果
Jul 18 HTML / CSS
CSS3 animation ? steps 函数详解
Aug 30 HTML / CSS
html5画布旋转效果示例
Jan 27 HTML / CSS
html5定位并在百度地图上显示的示例
Apr 27 HTML / CSS
详解HTML5 Canvas绘制时指定颜色与透明度的方法
Mar 25 HTML / CSS
localStorage、sessionStorage使用总结
Nov 17 HTML / CSS
Html5之title吸顶功能
Jun 04 HTML / CSS
html+css实现滚动到元素位置显示加载动画效果
Aug 02 HTML / CSS
使用CSS实现六边形的图片效果
Aug 05 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
如何取得中文字符串中出现次数最多的子串
2013/08/08 PHP
ThinkPHP让分页保持搜索状态的方法
2014/07/02 PHP
老生常谈PHP中的数据结构:DS扩展
2017/07/17 PHP
基于jquery实现的服务器验证控件的启用和禁用代码
2010/04/27 Javascript
让你的CSS像Jquery一样做筛选的实现方法
2011/07/10 Javascript
基于jquery &amp; json的省市区联动代码
2012/06/26 Javascript
jQuery+css+html实现页面遮罩弹出框
2013/03/21 Javascript
使用js简单实现了tree树菜单
2013/11/20 Javascript
详解JavaScript基于面向对象之继承实例
2015/12/16 Javascript
特殊日期提示功能的实现方法
2016/06/16 Javascript
AngulerJS学习之按需动态加载文件
2017/02/13 Javascript
jQuery实现图片滑动效果
2017/03/08 Javascript
js实现城市级联菜单的2种方法
2017/06/23 Javascript
浅谈react前后端同构渲染
2017/09/20 Javascript
详解如何更好的使用module vuex
2019/03/27 Javascript
vue抽出组件并传值实例
2020/07/31 Javascript
javascript实现电商放大镜效果
2020/11/23 Javascript
python爬虫之xpath的基本使用详解
2018/04/18 Python
Python中创建二维数组
2018/10/17 Python
Python 中 function(#) (X)格式 和 (#)在Python3.*中的注意事项
2018/11/30 Python
python调用动态链接库的基本过程详解
2019/06/19 Python
山海经纬软件测试笔试题和面试题
2013/04/02 面试题
酒吧员工的岗位职责
2013/11/26 职场文书
教师研修随笔感言
2014/01/23 职场文书
《明天,我们毕业》教学反思
2014/04/24 职场文书
安全横幅标语
2014/06/09 职场文书
合作协议书范文
2014/08/20 职场文书
2014最新党员批评与自我批评材料
2014/09/24 职场文书
大学辅导员述职报告
2015/01/10 职场文书
信贷客户经理岗位职责
2015/04/09 职场文书
信访维稳承诺书
2015/05/04 职场文书
毕业论文致谢词
2015/05/14 职场文书
初中政教处工作总结
2015/08/12 职场文书
银行中层干部培训心得体会
2016/01/11 职场文书
护理自荐信
2019/05/14 职场文书
python process模块的使用简介
2021/05/14 Python