1. 网页中文会乱码
之前的章节中，我们陆续学习了4个标签：
html：整个网页
head：网页头部
title：网页头部的标题
body：网页内容
通过这四个标签，我们可以编写一个简单的网页：
<html>
<head>
<title>我的网页</title>
</head>
<body>
这是我的个人网页
</body>
</html>
1
2
3
4
5
6
7
8
打开后，效果如下，可以发现中文部分乱码了：
2. 为啥会乱码
那么为何会乱码呢？
这就要从HTML历史说起了，HTML发明者蒂姆·伯纳斯·李是英国人，他会英语啊，不会中文。
所以人家在创立语言之处，肯定它就支持英语，你看这些标签其实都是英文单词或者英文单词的缩写。
所以在网页标准里面，天生就是支持英文的。
但是中文的话，就不是天生支持的那么好的，这就需要我们告诉浏览器——请支持中文吧！
3. 让浏览器支持中文
那么如何让浏览器支持显示中文呢，还是采用HTML惯用的方式——标签。
我们可以通过<meta>标签设置网页的一些特性，例如支持的语言编码。由于是设置网页的整个特性，所以它也是位于<head>标签之内的。
通过设置标签的charset属性为utf-8即可让网页支持中文，注意utf-8是最常用的中文编码。
<head>
<meta charset="utf-8">
<title>我的网页</title>
</head>
1
2
3
4
4. 标签的属性
在标签中间的部分，叫做标签的内容。内容一般会显示在网页上。
例如<title>我的网页</title>中，我的网页就是<title>标签的内容。
而在开始便签内部的，叫做标签的属性，属性一般用来给标签增加描述，是一种参数设置，但是一般不会在页面上显示。
例如<meta charset="utf-8">中，charset就是标签的<meta>标签的属性，而charset="utf-8"表示给该属性设定了值为utf-8。
5. 小结
本篇介绍了如何在网页上正确的显示中文，如下：
<html>
<head>
<meta charset="utf-8">
<title>我的网页</title>
</head>
<body>
这是我的个人网页
</body>
</html>
注意如果对网页的内容、属性还觉得不好理解的话，就暂时记住就是了，只要在网页头部添加<meta charset="utf-8">，即可让网页支持中文。
![[HTML、CSS]细节与使用经验](https://ucc.alicdn.com/3mfxe2r26qbaq/developer-article1635950/20241110/4a6bb78b9c294263bd2e005a5c2642e0.gif?x-oss-process=image/resize,h_160,m_lfit)
![[HTML、CSS]知识点](https://ucc.alicdn.com/3mfxe2r26qbaq/developer-article1635461/20241109/bcc34220ff734707ab00ebc739596dff.jpeg?x-oss-process=image/resize,h_160,m_lfit)