关于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背景_动力节点Java学院整理
Jul 11 HTML / CSS
用CSS禁用输入法(CSS3 UI规范)实例解析
Dec 04 HTML / CSS
使用css3制作动感导航条示例
Jan 26 HTML / CSS
css3 transform导致子元素固定定位变成绝对定位的方法
Mar 06 HTML / CSS
浅谈HTML5新增及移除的元素
Jun 27 HTML / CSS
HTML5的标签的代码的简单介绍 HTML5标签的简介
May 28 HTML / CSS
基于HTML5+CSS3实现简单的时钟效果
Sep 11 HTML / CSS
AmazeUI中模态框的实现
Aug 19 HTML / CSS
使用layui实现左侧菜单栏及动态操作tab项的方法
Nov 10 HTML / CSS
CSS3实现模糊背景的三种效果示例
Mar 30 HTML / CSS
HTML 里 img 元素的 src 和 srcset 属性的区别详解
May 21 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 网络开发详解之远程文件包含漏洞
2010/04/25 PHP
php实现最简单的MVC框架实例教程
2014/09/08 PHP
php实现以只读方式打开文件的方法
2015/03/16 PHP
php-redis中的sort排序函数总结
2015/07/08 PHP
JavaScript mapreduce工作原理简析
2012/11/25 Javascript
javascript加号&quot;+&quot;的二义性说明
2013/03/04 Javascript
jquery如何实现在加载完iframe的内容后再进行操作
2013/09/10 Javascript
JavaScript编程的10个实用小技巧
2014/04/18 Javascript
jquery操作对象数组元素方法详解
2014/11/26 Javascript
jQuery+CSS3折叠卡片式下拉列表框实现效果
2015/11/02 Javascript
跟我学习javascript的严格模式
2015/11/16 Javascript
详解vue渲染从后台获取的json数据
2017/07/06 Javascript
JavaScript获取tr td 的三种方式全面总结(推荐)
2017/08/15 Javascript
jQuery实现右侧抽屉式在线客服功能
2017/12/25 jQuery
js实时监控文本框输入字数的实例代码
2018/01/18 Javascript
详解Vue2.0配置mint-ui踩过的那些坑
2018/04/23 Javascript
vue.js 双层嵌套for遍历的方法详解, 类似php foreach()
2018/09/07 Javascript
Vue监听一个数组id是否与另一个数组id相同的方法
2018/09/26 Javascript
Node.js JSON模块用法实例分析
2019/01/04 Javascript
Node.js 多线程完全指南总结
2019/03/27 Javascript
JS中如何轻松遍历对象属性的方式总结
2019/08/06 Javascript
[02:19]DOTA2女子战队FOX视频专访:希望更多美眉一起加入
2013/10/15 DOTA
python通过Windows下远程控制Linux系统
2018/06/20 Python
详解关于Django中ORM数据库迁移的配置
2018/10/08 Python
Python:Numpy 求平均向量的实例
2019/06/29 Python
Python目录和文件处理总结详解
2019/09/02 Python
英国网上自行车商店:Tredz Bikes
2019/10/29 全球购物
New delete 与malloc free 的联系与区别
2013/02/04 面试题
医院辞职信范文
2014/01/17 职场文书
公交公司毕业生求职信
2014/02/15 职场文书
个人合伙协议书范本
2014/10/14 职场文书
家属答谢词
2015/01/05 职场文书
神龙架导游词
2015/02/11 职场文书
销售经理岗位职责范本
2015/04/02 职场文书
小学秋季运动会通讯稿
2015/11/25 职场文书
SQL SERVER存储过程用法详解
2022/02/24 SQL Server