【学习笔记一】HTML文件在浏览器中文显示乱码的原因及解决办法

最近在学习前端html相关知识(备注:前端小白一枚),准备从移动端开发扩展到前端开发,希望做一个大前端,即前端全栈工程师。为什么要转向前端学习开发,在后面的文章中,我会详细阐述这个原因和相关心得。

在写第一个html文件时,就碰到问题,出师不利啊。不过,对于我来说,任何问题的发生都有它的原因,主要找到这个根本原因,我们碰到的问题基本都可以解决,请相信这句话!你觉的呢?

问题描述:

写了一个test.html文件,内容如下:

<!DOCTYPE HTML>
<html>
<body>

<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>

</body>
</html>

在浏览器打开,发现“全是乱码”。抓狂中?……

问题解决:

碰到问题,一直抓狂也无济于事啊,心想一定要解决问题才行。此时,静下来,仔细想想,在开发Android时也出现过中文显示乱码,那个时候主要是因为工程/文件编码设置的不对,设置为utf-8即可。

所以,根据以往的经验,设置文件的编码格式为utf-8(至于如果修改文件编码,这里就不详细展开了),保存后再浏览结果,还是乱码。这是怎么回事呢?此时,我不急,我问问度娘,看看别人有木有碰到类似的问题。输入关键字“html中文乱码”后回车,出来很多相关的结果。其中,几乎所有搜索结果都提到在html文件头加入

<head>
<meta charset="utf-8" />
</head>

此时,test.html文件内容就改为了:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>

<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>

</body>
</html>

接下来,双击test.html文件,祈祷“奇迹出现”,终于,看到正确结果了,中文正常显示了?。

问题终于解决了。

方法总结:

html显示中文乱码,我们应该从以下两方面入手解决:

  1. 检查html文件编码是否为utf-8。如果不是,就改为utf-8编码。

  2. 在html文件头加入

<head>
<meta charset="utf-8" />
</head>

我们在碰到任何问题时,都应该相信:我们碰到的问题,是都能解决的,只要我们静下心来,仔细分析原因,就能找到解决办法的。

在这里插入图片描述

相关推荐
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页