关于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实现DIV圆角效果完整代码
Oct 10 HTML / CSS
Web页面中八种创建多列等高(等高列布局)的实现技术
Dec 24 HTML / CSS
CSS3的文字阴影—text-shadow的使用方法
Dec 25 HTML / CSS
CSS+jQuery实现的在线答题功能
Apr 25 HTML / CSS
浅谈CSS3中display属性的Flex布局的方法
Aug 14 HTML / CSS
纯css3使用vw和vh实现自适应的方法
Feb 09 HTML / CSS
css3中仿放大镜效果的几种方式原理解析
Dec 03 HTML / CSS
HTML5中语义化 b 和 i 标签
Oct 17 HTML / CSS
html5 Canvas画图教程(9)—canvas中画出矩形和圆形
Jan 09 HTML / CSS
深入理解HTML的FormData对象
May 17 HTML / CSS
使用HTML5里的classList操作CSS类
Jun 28 HTML / CSS
AmazeUI折叠式卡片布局,整合内容列表、表格组件实现
Aug 20 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
把1316这个数表示成两个数的和,其中一个为13的倍数,另一个是11的倍数,求这两个数。
2011/06/24 PHP
在WINDOWS中设置计划任务执行PHP文件的方法
2011/12/19 PHP
PHP统计当前在线用户数实例讲解
2015/10/21 PHP
php 时间time与日期date之间的使用详解及区别
2016/11/07 PHP
PHP递归遍历文件夹去除注释并压缩php源代码的方法示例
2018/05/23 PHP
PHPStudy下如何为Apache安装SSL证书的方法步骤
2019/01/23 PHP
Javascript中的window.event.keyCode使用介绍
2011/04/26 Javascript
window.open关于浏览器拦截问题分析及解决方法
2013/02/05 Javascript
将input file的选择的文件清空的两种解决方案
2013/10/21 Javascript
vue.js指令v-for使用及索引获取
2016/11/03 Javascript
JavaScript之filter_动力节点Java学院整理
2017/06/28 Javascript
快速搭建React的环境步骤详解
2017/11/06 Javascript
Vue单页应用引用单独的样式文件的两种方式
2018/03/30 Javascript
Vue实现动态添加或者删除对象和对象数组的操作方法
2018/09/21 Javascript
vue.js自定义组件directives的实例代码
2018/11/09 Javascript
async/await让异步操作同步执行的方法详解
2019/11/01 Javascript
JavaScript回调函数callback用法解析
2020/01/14 Javascript
Vue点击切换Class变化,实现Active当前样式操作
2020/07/17 Javascript
Vue js with语句原理及用法解析
2020/09/03 Javascript
使用Vant完成Dialog弹框案例
2020/11/11 Javascript
Python使用reportlab将目录下所有的文本文件打印成pdf的方法
2015/05/20 Python
python实现字典(dict)和字符串(string)的相互转换方法
2017/03/01 Python
Python列表list操作符实例分析【标准类型操作符、切片、连接字符、列表解析、重复操作等】
2017/07/24 Python
人机交互程序 python实现人机对话
2017/11/14 Python
python3+mysql查询数据并通过邮件群发excel附件
2018/02/24 Python
python通过Windows下远程控制Linux系统
2018/06/20 Python
Python中__slots__属性介绍与基本使用方法
2018/09/05 Python
Python逐行读取文件中内容的简单方法
2019/02/26 Python
通过python改变图片特定区域的颜色详解
2019/07/15 Python
Django 开发环境与生产环境的区分详解
2019/07/26 Python
django中嵌套的try-except实例
2020/05/21 Python
Python 的 f-string 可以连接字符串与数字的原因解析
2021/02/20 Python
继电保护工岗位职责
2014/01/05 职场文书
2014年银行员工年终自我评价
2014/09/19 职场文书
卡特教练观后感
2015/06/08 职场文书
《七月的天山》教学反思
2016/02/19 职场文书