关于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实现的漂亮的404页面的实例教程
Nov 27 HTML / CSS
css3实例教程 一款纯css3实现的发光屏幕旋转特效
Dec 07 HTML / CSS
简单掌握CSS3中resize属性的用法
Apr 01 HTML / CSS
CSS3中的@keyframes关键帧动画的选择器绑定
Jun 13 HTML / CSS
CSS3 中filter(滤镜)属性使用详解
Apr 07 HTML / CSS
CSS3 实现的火焰动画
Dec 07 HTML / CSS
html5应用缓存_动力节点Java学院整理
Jul 13 HTML / CSS
Html5剪切板功能的实现代码
Jun 29 HTML / CSS
Html5内唤醒百度、高德APP的实现示例
May 20 HTML / CSS
html5小技巧之通过document.head获取head元素
Jun 04 HTML / CSS
AmazeUI 导航条的实现示例
Aug 14 HTML / CSS
html+css实现文字折叠特效实例
Jun 02 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
收音机鉴频器对声音的影响和频偏分析
2021/03/02 无线电
php防攻击代码升级版
2010/12/29 PHP
PHP 面向对象程序设计(oop)学习笔记(一) - 抽象类、对象接口、instanceof 和契约式编程
2014/06/12 PHP
跟着JQuery API学Jquery 之三 筛选
2010/04/09 Javascript
jQuery选中select控件 无法设置selected的解决方法
2010/09/01 Javascript
javascript工具库代码
2012/03/29 Javascript
不使用XMLHttpRequest实现异步加载 Iframe和script
2012/10/29 Javascript
倒记时60刷新网页的js代码
2014/02/18 Javascript
浅谈JavaScript超时调用和间歇调用
2015/08/30 Javascript
深入学习jQuery Validate表单验证(二)
2016/01/18 Javascript
JS简单验证上传文件类型的方法
2017/04/17 Javascript
基于Vue中点击组件外关闭组件的实现方法
2018/03/06 Javascript
React native ListView 增加顶部下拉刷新和底下点击刷新示例
2018/04/27 Javascript
详解如何webpack使用DllPlugin
2018/09/30 Javascript
vue.js自定义组件directives的实例代码
2018/11/09 Javascript
判断文字超过2行添加展开按钮,未超过则不显示,溢出部分显示省略号
2019/04/28 Javascript
在vant 中使用cell组件 定义图标该图片和位置操作
2020/11/02 Javascript
[47:46]完美世界DOTA2联赛 Magma vs GXR 第三场 11.07
2020/11/10 DOTA
python动态参数用法实例分析
2015/05/25 Python
Python实现的快速排序算法详解
2017/08/01 Python
Python爬虫中urllib库的进阶学习
2018/01/05 Python
python爬虫中get和post方法介绍以及cookie作用
2018/02/08 Python
windows环境下tensorflow安装过程详解
2018/03/30 Python
Python3导入自定义模块的三种方法详解
2018/04/13 Python
Python读取Excel表格,并同时画折线图和柱状图的方法
2018/10/14 Python
Python3.5 Pandas模块之Series用法实例分析
2019/04/23 Python
python中pickle模块浅析
2020/12/29 Python
html5 Canvas画图教程(10)—把面拆成线条模拟出圆角矩形
2013/01/09 HTML / CSS
HTML5新特性之type=file文件上传功能
2018/02/02 HTML / CSS
html5 postMessage前端跨域并前端监听的方法示例
2018/11/01 HTML / CSS
劳动竞赛活动方案
2014/02/20 职场文书
开学典礼演讲稿
2014/05/23 职场文书
教师个人总结范文
2015/02/11 职场文书
英语导游词
2015/02/13 职场文书
2016年教师学习教师法心得体会
2016/01/20 职场文书
2019银行竞聘书
2019/06/21 职场文书