关于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 3D制作实战案例分析
Sep 18 HTML / CSS
让IE可以变相支持CSS3选择器
Jan 21 HTML / CSS
CSS3 Media Queries(响应式布局可以让你定制不同的分辨率和设备)
Jun 06 HTML / CSS
CSS3中颜色线性渐变实战
Jul 18 HTML / CSS
html5 桌面提醒:Notifycations应用介绍
Nov 27 HTML / CSS
HTML5 Convas APIs方法详解
Apr 24 HTML / CSS
HTML5不支持frameset的两种解决方法
Nov 14 HTML / CSS
HTML5页面直接调用百度地图API获取当前位置直接导航目的地的实现代码
Mar 02 HTML / CSS
canvas生成带二维码海报的踩坑记录
Sep 11 HTML / CSS
Html5之自定义属性(data-,dataset)
Nov 19 HTML / CSS
html5视频常用API接口的实战示例
Mar 20 HTML / CSS
CSS实现漂亮的时钟动画效果的实例代码
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
PHP中的日期及时间
2006/11/23 PHP
Smarty结合Ajax实现无刷新留言本实例
2007/01/02 PHP
Gambit vs CL BO3 第二场 2.13
2021/03/10 DOTA
JQUERY复选框CHECKBOX全选,取消全选
2008/08/30 Javascript
js创建子窗口并且回传值示例代码
2013/07/02 Javascript
javascript中拼接HTML字符串的最快、最好的方法
2014/06/07 Javascript
jQuery实现鼠标滑过Div层背景变颜色的方法
2015/02/17 Javascript
jQuery unbind()方法实例详解
2016/01/19 Javascript
JavaScript html5 canvas画布中删除一个块区域的方法
2016/01/26 Javascript
javascript html5实现表单验证
2016/03/01 Javascript
浅析AngularJS中的指令
2016/03/20 Javascript
详解jQuery中的事件
2016/12/14 Javascript
微信小程序swiper组件用法实例分析【附源码下载】
2017/12/07 Javascript
jQuery实现的回车触发按钮事件功能示例
2018/03/25 jQuery
微信小程序实现列表页的点赞和取消点赞功能
2018/11/02 Javascript
使用vuepress搭建静态博客的示例代码
2019/02/14 Javascript
详解NodeJS Https HSM双向认证实现
2019/03/12 NodeJs
node使用request请求的方法
2019/12/20 Javascript
javascript读取本地文件和目录方法详解
2020/08/06 Javascript
python统计一个文本中重复行数的方法
2014/11/19 Python
Python中struct模块对字节流/二进制流的操作教程
2017/01/21 Python
Python实现迭代时使用索引的方法示例
2018/06/05 Python
python os用法总结
2018/06/08 Python
Python使用Opencv实现图像特征检测与匹配的方法
2019/10/30 Python
python GUI库图形界面开发之PyQt5菜单栏控件QMenuBar的详细使用方法与实例
2020/02/28 Python
IE支持HTML5的解决方法
2009/10/20 HTML / CSS
基于html5绘制圆形多角图案
2016/04/21 HTML / CSS
微软澳洲官方网站:Microsoft Australia
2017/01/10 全球购物
英国最大的高品质珠宝和手表专家:Goldsmiths
2017/03/11 全球购物
跑步、骑行和铁人三项的高性能眼镜和服装:ROKA
2018/07/06 全球购物
查找廉价航班和发现新目的地:Kiwi.com
2019/02/25 全球购物
仓管员岗位职责范文
2013/11/08 职场文书
幼儿园教育教学反思
2014/01/31 职场文书
家长学校教学计划
2015/01/19 职场文书
感恩父母主题班会
2015/08/12 职场文书
励志语录:只有自己足够强大,才能不被别人践踏
2020/01/09 职场文书