关于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 相关文章推荐
今天学到的CSS最新技术(与图片背景相关)
Dec 24 HTML / CSS
CSS3文本换行word-wrap解决英文文本超过固定宽度不换行
Oct 10 HTML / CSS
什么是CSS3 HSLA色彩模式?HSLA模拟渐变色条
Apr 26 HTML / CSS
CSS3实现伪类hover离开时平滑过渡效果示例
Aug 10 HTML / CSS
如何用border-image实现文字气泡边框的示例代码
Jan 21 HTML / CSS
HTML+CSS3+JS 实现的下拉菜单
Nov 25 HTML / CSS
css 如何让背景图片拉伸填充避免重复显示
Jul 11 HTML / CSS
谷歌浏览器小字体处理方案即12px以下字体
Dec 17 HTML / CSS
分享全球十款超强HTML5开发工具
May 14 HTML / CSS
HTML5在canvas中绘制复杂形状附效果截图
Jun 23 HTML / CSS
探索HTML5本地存储功能运用技巧
Mar 02 HTML / CSS
Html5适配iphoneX刘海屏的简单实现
Apr 09 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
PHP实现采集中国天气网未来7天天气
2014/10/15 PHP
Javascript打印网页部分内容的脚本
2008/11/17 Javascript
Iframe thickbox2.0使用的方法
2009/03/05 Javascript
jquery 表单取值常用代码
2009/12/22 Javascript
js 图片等比例缩放代码
2010/05/13 Javascript
iphone safari不支持position fixed的解决方法
2012/05/04 Javascript
js 实现日期灵活格式化的小例子
2013/07/14 Javascript
JavaScript中如何通过arguments对象实现对象的重载
2014/05/12 Javascript
javascript禁止访客复制网页内容的实现代码
2015/08/05 Javascript
jQuery zclip插件实现跨浏览器复制功能
2015/11/02 Javascript
javascript新闻跑马灯实例代码
2020/07/29 Javascript
全面解析Angular中$Apply()及$Digest()的区别
2016/08/04 Javascript
基于js中的原型、继承的一些想法
2016/08/10 Javascript
Canvas实现动态的雪花效果
2017/02/13 Javascript
解决Layui选择全部,换页checkbox复选框重新勾选的问题方法
2018/08/14 Javascript
react写一个select组件的实现代码
2019/04/03 Javascript
vue多个元素的样式选择器问题
2019/11/29 Javascript
Python ORM框架SQLAlchemy学习笔记之关系映射实例
2014/06/10 Python
python中os操作文件及文件路径实例汇总
2015/01/15 Python
深入讨论Python函数的参数的默认值所引发的问题的原因
2015/03/30 Python
python 回调函数和回调方法的实现分析
2016/03/23 Python
Python实现通讯录功能
2018/02/22 Python
Python实现的质因式分解算法示例
2018/05/03 Python
Python谱减法语音降噪实例
2019/12/18 Python
利用Pytorch实现简单的线性回归算法
2020/01/15 Python
Python : turtle色彩控制实例详解
2020/01/19 Python
css3 iphone玻璃透明气泡完美实现
2013/03/20 HTML / CSS
纯html5+css3下拉导航菜单实现代码
2013/03/18 HTML / CSS
一套比较完整的软件测试人员面试题
2012/05/13 面试题
机械加工与数控专业自荐书
2014/06/04 职场文书
终止劳动合同证明书样本
2014/11/19 职场文书
2015年度质量工作总结报告
2015/04/27 职场文书
感动中国何玥观后感
2015/06/02 职场文书
采购员工作总结范文
2015/08/12 职场文书
vue-cli3.x配置全局的scss的时候报错问题及解决
2022/04/30 Vue.js
CSS使用SVG实现动态分布的圆环发散路径动画
2022/12/24 HTML / CSS