关于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实现鼠标悬停提示气泡效果
Feb 28 HTML / CSS
CSS3的transition和animation的用法实例介绍
Aug 20 HTML / CSS
初探CSS3中的calc()功能
Jul 14 HTML / CSS
CSS3的RGBA中关于整数和百分比值的转换
Aug 04 HTML / CSS
CSS3实现头像旋转效果
Mar 13 HTML / CSS
HTML5地理定位与第三方工具百度地图的应用
Nov 17 HTML / CSS
js实现移动端H5页面手指滑动刻度尺功能
Nov 16 HTML / CSS
HTML5本地存储之Database Storage应用介绍
Jan 06 HTML / CSS
移动端解决悬浮层(悬浮header、footer)会遮挡住内容的3种方法
Mar 27 HTML / CSS
HTML5 文件上传下载的实例代码
Jul 03 HTML / CSS
canvas探照灯效果的示例代码
Nov 30 HTML / CSS
详解通过focusout事件解决IOS键盘收起时界面不归位的问题
Jul 18 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
比较discuz和ecshop的截取字符串函数php版
2012/09/03 PHP
ajax取消挂起请求的处理方法
2013/03/18 PHP
PHP中常用的转义函数
2014/02/28 PHP
php使用curl实现简单模拟提交表单功能
2017/05/15 PHP
js进行表单验证实例分析
2015/02/10 Javascript
js小数运算出现多位小数如何解决
2015/10/08 Javascript
jQuery绑定事件on()与弹窗的简要概述
2016/04/27 Javascript
基于javascript实现表格的简单操作
2016/05/21 Javascript
Nodejs 搭建简单的Web服务器详解及实例
2016/11/30 NodeJs
Bootstrap3多级下拉菜单
2017/02/24 Javascript
详解vue的数据binding绑定原理
2017/04/12 Javascript
详解微信小程序 相对定位和绝对定位
2017/05/11 Javascript
浅谈AngularJs 双向绑定原理(数据绑定机制)
2017/12/07 Javascript
JavaScript中toLocaleString()和toString()的区别实例分析
2018/08/14 Javascript
浅谈Vue.use的使用
2018/08/29 Javascript
js实现ATM机存取款功能
2020/10/27 Javascript
页面内锚点定位及跳转方法总结(推荐)
2019/04/24 Javascript
移动端底部导航固定配合vue-router实现组件切换功能
2019/06/13 Javascript
在Vue中实现随hash改变响应菜单高亮
2020/03/09 Javascript
python通过函数属性实现全局变量的方法
2015/05/16 Python
Python3安装Pymongo详细步骤
2017/05/26 Python
Python3 queue队列模块详细介绍
2018/01/05 Python
python正则实现提取电话功能
2018/02/24 Python
对python周期性定时器的示例详解
2019/02/19 Python
详解python做UI界面的方法
2019/02/27 Python
python flask中动态URL规则详解
2019/11/22 Python
pytorch 求网络模型参数实例
2019/12/30 Python
Ubuntu20.04环境安装tensorflow2的方法步骤
2021/01/29 Python
MyFrenchPharma中文网:最大的法国药妆平台
2016/10/07 全球购物
亚马逊新加坡官方网站:Amazon.sg
2020/03/25 全球购物
竞选副班长演讲稿
2014/04/24 职场文书
物业品质提升方案
2014/06/08 职场文书
纪委书记群众路线整改措施思想汇报
2014/10/09 职场文书
公司给客户的感谢信
2015/01/23 职场文书
2016党校学习心得体会
2016/01/07 职场文书
Win11电源已接通但未充电怎么办?Win11电源已接通未充电的解决方法
2022/04/05 数码科技