最近在学习前端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显示中文乱码,我们应该从以下两方面入手解决:
-
检查html文件编码是否为utf-8。如果不是,就改为utf-8编码。
-
在html文件头加入
<head> <meta charset="utf-8" /> </head> 复制代码
==我们在碰到任何问题时,都应该相信:我们碰到的问题,是都能解决的,只要我们静下心来,仔细分析原因,就能找到解决办法的。==