关于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 相关文章推荐
你不知道的5个HTML5新功能
Jun 28 HTML / CSS
html5指南-3.如何实现html元素拖拽功能
Jan 07 HTML / CSS
突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述
Jan 31 HTML / CSS
用canvas实现图片滤镜效果附演示
Nov 05 HTML / CSS
html5使用canvas画三角形
Dec 15 HTML / CSS
HTML5实现页面切换激活的PageVisibility API使用初探
May 13 HTML / CSS
详解如何通过H5(浏览器/WebView/其他)唤起本地app
Dec 11 HTML / CSS
基于canvas的骨骼动画的示例代码
Jun 12 HTML / CSS
HTML5去掉输入框type为number时的上下箭头的实现方法
Jan 03 HTML / CSS
详解CSS3.0(Cascading Style Sheet) 层叠级联样式表
Jul 16 HTML / CSS
CSS 实现Chrome标签栏的技巧
Aug 04 HTML / CSS
CSS基础详解
Oct 16 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中使用in_array() foreach array_search() 查找数组是否包含时的性能对比
2015/04/14 PHP
SESSION存放在数据库用法实例
2015/08/08 PHP
joomla组件开发入门教程
2016/05/04 PHP
Yii控制器中filter过滤器用法分析
2016/07/15 PHP
PDO操作MySQL的基础教程(推荐)
2017/08/18 PHP
php回调函数处理数组操作示例
2020/04/13 PHP
javascript 面向对象编程基础 多态
2009/08/21 Javascript
用JavaScript修改CSS属性的代码
2013/05/06 Javascript
设置checkbox为只读(readOnly)的两种方式
2013/10/11 Javascript
js图片预加载示例
2014/04/30 Javascript
Javascript图片上传前的本地预览实例
2014/06/16 Javascript
在HTML中插入JavaScript代码的示例
2015/06/03 Javascript
javascript将DOM节点添加到文档的方法实例分析
2015/08/04 Javascript
JavaScript代码性能优化总结篇
2016/05/15 Javascript
JavaScript中用let语句声明作用域的用法讲解
2016/05/20 Javascript
js监听键盘事件的方法_原生和jquery的区别详解
2016/10/10 Javascript
详解AngularJS通过ocLazyLoad实现动态(懒)加载模块和依赖
2017/03/01 Javascript
JS原生数据双向绑定实现代码
2017/08/14 Javascript
深入浅出webpack教程系列_安装与基本打包用法和命令参数详解
2017/09/10 Javascript
老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)
2018/09/19 Javascript
React中使用外部样式的3种方式(小结)
2019/05/28 Javascript
jQuery实现获取多选框的值示例
2020/02/07 jQuery
24个ES6方法解决JS实际开发问题(小结)
2020/05/31 Javascript
[07:12]2014DOTA2西雅图国际邀请赛 黑马Liquid专题采访
2014/07/12 DOTA
Python字典简介以及用法详解
2016/11/15 Python
Python实现在线暴力破解邮箱账号密码功能示例【测试可用】
2017/09/06 Python
浅谈Scrapy网络爬虫框架的工作原理和数据采集
2019/02/07 Python
python3通过selenium爬虫获取到dj商品的实例代码
2019/04/25 Python
Python 3 实现定义跨模块的全局变量和使用教程
2019/07/07 Python
解决python3 安装不了PIL的问题
2019/08/16 Python
Python模块的定义,模块的导入,__name__用法实例分析
2020/01/07 Python
python里反向传播算法详解
2020/11/22 Python
大四学年自我鉴定
2013/11/13 职场文书
稽核岗位职责范本
2015/04/13 职场文书
Oracle 数据仓库ETL技术之多表插入语句的示例详解
2021/04/12 Oracle
将MySQL的表数据全量导入clichhouse库中
2022/03/21 MySQL