HTML - 显示中文

  1. 格式编码
  2. 设置编码

  • 作者：KK

  • 发表日期：2016.01.26

为了尝试显示中文，我们依然像之前那样新建一个 html 文件，编写以下代码:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
中文
</body>
</html>

这里你可以发现 body 里面包的是中文两个字，好了用浏览器打开这个文件看看网页应该会显示如下图这样的：

这并没有正常显示中文两个字呀，反而是显示了 4 个乱码。

格式编码

你要先了解一下格式编码这个东西才能解决乱码的问题，其实代码文件是有格式编码的区别的，那么我们这个网页文件又是什么格式编码呢？

点击 notepad++ 编辑器顶上的格式菜单，就会展开几个格式编码选项，如下图，有个黑点的那个选项就是当前的格式编码了，我们可以说它是ANSI编码。

设置编码

设置编码的操作倒是很简单，直接选择目标编码就行，我们现在把html文件的编码设置成UTF8无BOM格式，看下图:

但是你发现之前打的两个中文反而变成了乱码，这里我不作解释先，你只要将它们删除，重新输入就可以了，然后保存，用浏览器打开吧，这回是不是正常看到中文了？所以简单地说，要显示中文，你只要把编码设置成UTF8无BOM这个格式就可以了

为什么要设置成UTF8无BOM呢？其实是因为网页代码里有<meta charset="UTF-8">这个代码，这个代码就是说明代码文件是UTF8格式的，至于具体又为什么，就不深入追究了，跟着本教程学，请你始终在代码中加入<meta charset="UTF-8">这个代码，不要随便删除它。