关于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中使用RGBA设置透明度的示例
Aug 04 HTML / CSS
CSS3 flex布局之快速实现BorderLayout布局
Dec 03 HTML / CSS
纯HTML5+CSS3制作图片旋转
Jan 12 HTML / CSS
CSS实现半透明边框与多重边框的场景分析
Nov 13 HTML / CSS
CSS3 box-shadow属性实例详解
Jun 19 HTML / CSS
HTML5混合开发二维码扫描以及调用本地摄像头
Dec 27 HTML / CSS
js实现移动端H5页面手指滑动刻度尺功能
Nov 16 HTML / CSS
使用HTML5做个画图板的方法介绍
May 03 HTML / CSS
HTML5新特性之用SVG绘制微信logo
Feb 03 HTML / CSS
使用HTML5 Canvas API控制字体的显示与渲染的方法
Mar 24 HTML / CSS
html5 canvas绘制矩形和圆形的实例代码
Jun 16 HTML / CSS
使用iframe+postMessage实现页面跨域通信的示例代码
Jan 14 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在Web开发领域的优势
2006/10/09 PHP
PHP连接SQLSERVER 注意事项(附dll文件下载)
2012/06/28 PHP
twig模板常用语句实例小结
2016/02/04 PHP
一步一步教你写一个jQuery的插件教程(Plugin)
2009/09/03 Javascript
图片onload事件触发问题解决方法
2011/07/31 Javascript
javascript框架设计读书笔记之数组的扩展与修复
2014/12/02 Javascript
jquery制作漂亮的弹出层提示消息特效
2014/12/23 Javascript
js实现左侧网页tab滑动门效果代码
2015/09/06 Javascript
简单介绍JavaScript数据类型之隐式类型转换
2015/12/28 Javascript
JavaScript仿商城实现图片广告轮播实例代码
2016/02/06 Javascript
总结JavaScript设计模式编程中的享元模式使用
2016/05/21 Javascript
javaScript生成支持中文带logo的二维码(jquery.qrcode.js)
2017/01/03 Javascript
利用Vue实现移动端图片轮播组件的方法实例
2017/08/23 Javascript
jQuery实现菜单的显示和隐藏功能示例
2018/07/24 jQuery
微信小程序实现日历功能
2018/11/27 Javascript
js前端面试之同步与异步问题详解
2019/04/03 Javascript
Vue父子组件传值的一些坑
2020/09/16 Javascript
[04:56]经典回顾:前Ehome 与 前LGD
2015/02/26 DOTA
Python正则表达式介绍
2012/08/06 Python
python基于windows平台锁定键盘输入的方法
2015/03/05 Python
详解Golang 与python中的字符串反转
2017/07/21 Python
给我一面国旗 python帮你实现
2019/09/30 Python
python3实现单目标粒子群算法
2019/11/14 Python
python [:3] 实现提取数组中的数
2019/11/27 Python
python 实现简易的记事本
2020/11/30 Python
canvas 如何绘制线段的实现方法
2018/07/12 HTML / CSS
加拿大床上用品、家居装饰、厨房和浴室产品购物网站:Linen Chest
2018/06/05 全球购物
群胜软件Java笔试题
2012/09/29 面试题
教育科学研究生自荐信
2013/10/09 职场文书
高校群众路线教育实践活动剖析材料
2014/10/10 职场文书
《叶问2》观后感
2015/06/15 职场文书
行政复议答复书
2015/07/01 职场文书
python保存图片的四个常用方法
2022/02/28 Python
解决 Redis 秒杀超卖场景的高并发
2022/04/12 Redis
python数字图像处理之图像的批量处理
2022/06/28 Python
Django数据库(SQlite)基本入门使用教程
2022/07/07 Python