［零基础学HTML5］第一课.拓展解决中文乱码问题 - 围棋新人吧

level 13

JohnYe3333 楼主

上一节课，我们提到，不要在body区域打中文，否则会显示乱码。
那如果一定要显示中文，该怎么办呢？

2016年03月31日 10点03分 1

level 13

JohnYe3333 楼主

好吧，我们在header里面解决。
在<head></head>之间添加这么一句
<meta charset="utf-8">
通常就可以了。

2016年03月31日 10点03分 2

level 13

JohnYe3333 楼主

全部代码如下：
－－－－－－－－－－
<!DOCTYPE html>
<html>
<head>
<title>愛しています</title>
<meta charset="utf-8">
</head>
<body>
你好
</body>
</html>
－－－－－－－－

2016年03月31日 10点03分 3

level 13

JohnYe3333 楼主

说明1:
文中与上一讲不同的地方用加粗斜体标出。

2016年03月31日 10点03分 4

level 13

JohnYe3333 楼主

说明2:
<meta> 又称元数据，用来标明文档的一些特性

2016年03月31日 10点03分 5

level 13

JohnYe3333 楼主

说明3:
utf-8是一种通用字符集，不仅能显示中文，还能显示日文、韩文等。

2016年03月31日 10点03分 6

level 13

JohnYe3333 楼主

说明4:
本例中掺杂了私货 <title></title>，title是用来显示网页标题的，也很常用的一个功能，所以顺手带进来了。虽然如此，这不是一个好例子，因为不够简洁、干净。

2016年03月31日 10点03分 7

level 13

JohnYe3333 楼主

说明5，出错处理：
即使把字符集设置成了UTF-8，还有可能网页显示乱码。
这种情况常见于文本拷贝，其拷贝过来的文本本身不是用UTF-8编码的，而是用gb2312或者GBK编码的。
相应的解决之道有二：
1: 把字符集设成gb2312
<meta charset="utf-8">
2: 很多文本编辑器都有保存成UTF－8编码文档的功能，可以使用这种方式把响应的中文内容转换成UTF－8文本。
推荐使用第2种，因为UTF－8编码通用性好些。

2016年03月31日 10点03分 8

level 13

JohnYe3333 楼主

总目录在这里：
［技术水］零基础学HTML5，目标：做个网页版的围棋App
（ https://tieba.baidu.com/p/4446488002 ）

2016年03月31日 10点03分 9

level 13

JohnYe3333 楼主

圈下 PHP和H5 高手老衲，有空帮审阅 [哈哈]