最近在学习前端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>
==我们在碰到任何问题时，都应该相信：我们碰到的问题，是都能解决的，只要我们静下心来，仔细分析原因，就能找到解决办法的。==
qrcode_for_gongzhonghao.jpg
网友评论