关于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弹性布局内容对齐(justify-content)属性使用详解
Jul 31 HTML / CSS
纯css3实现鼠标经过图片显示描述的动画效果
Sep 01 HTML / CSS
HTML5中通过li-canvas轻松实现单图、多图、圆角图绘制,单行文字、多行文字等
Nov 30 HTML / CSS
HTML5 Canvas如何实现纹理填充与描边(Fill And Stroke)
Jul 15 HTML / CSS
html5 音乐播放器 audio 标签使用概述
Jul 15 HTML / CSS
详解如何解决canvas图片getImageData,toDataURL跨域问题
Sep 17 HTML / CSS
利用 Canvas实现绘画一个未闭合的带进度条的圆环
Jul 26 HTML / CSS
将SVG图引入到HTML页面的实现
Sep 20 HTML / CSS
使用canvas生成含有微信头像的邀请海报没有微信头像问题
Oct 29 HTML / CSS
html5的pushstate以及监听浏览器返回事件的实现
Aug 11 HTML / CSS
CSS 使用 resize 实现图片拖拽切换预览功能(强大功能)
Aug 23 HTML / CSS
table不让td文字溢出操作方法
Dec 24 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的Yii 2框架的开发优势
2015/07/03 PHP
CI框架中redis缓存相关操作文件示例代码
2016/05/17 PHP
利用ajax和PHP实现简单的流程管理
2017/03/23 PHP
php检查函数必传参数是否存在的实例详解
2017/08/28 PHP
PHP实现的AES双向加密解密功能示例【128位】
2018/09/03 PHP
laravel实现按月或天或小时统计mysql数据的方法
2019/10/09 PHP
checkbox 复选框不能为空
2009/07/11 Javascript
IE FF OPERA都可用的弹出层实现代码
2009/09/29 Javascript
jQuery操作checkbox选择(list/table)
2013/04/07 Javascript
js校验表单后提交表单的三种方法总结
2014/02/28 Javascript
jQuery实现宽屏图片轮播实例教程
2015/11/24 Javascript
Javascript中的对象和原型(二)
2016/08/12 Javascript
纯JS代码实现隔行变色鼠标移入高亮
2016/11/23 Javascript
Bootstrap源码解读排版(1)
2016/12/23 Javascript
详解Nodejs之静态资源处理
2017/06/05 NodeJs
使用JavaScript实现表格编辑器(实例讲解)
2017/08/02 Javascript
用 Vue.js 递归组件实现可折叠的树形菜单(demo)
2017/12/25 Javascript
使用selenium抓取淘宝的商品信息实例
2018/02/06 Javascript
搭建vue开发环境
2018/07/19 Javascript
Vue中使用vux配置代码详解
2018/09/16 Javascript
详解vue使用$http服务端收不到参数
2019/04/19 Javascript
微信小程序 checkbox使用实例解析
2019/09/09 Javascript
vue中uni-app 实现小程序登录注册功能
2019/10/12 Javascript
vscode+gulp轻松开发小程序的完整步骤
2020/10/18 Javascript
使用Python读写及压缩和解压缩文件的示例
2016/07/08 Python
python虚拟环境virtualenv的使用教程
2017/10/20 Python
你眼中的Python大牛 应该都有这份书单
2017/10/31 Python
EQVVS官网:设计师男装和女装
2018/10/24 全球购物
学雷锋先进个人事迹
2014/05/26 职场文书
车辆工程专业求职信
2014/06/14 职场文书
2014年保卫工作总结
2014/12/05 职场文书
高中生打架检讨书1000字
2015/02/17 职场文书
费用申请报告范文
2015/05/15 职场文书
消防验收申请报告
2015/05/15 职场文书
十二生肖观后感
2015/06/12 职场文书
小程序实现筛子抽奖
2021/05/26 Javascript