<head>标签，顾名思义就是HTML文档的头标签，它是所有头部元素的容器，在head标签中描述了文档的各种属性和基本信息，其中包括文档标题、编码方式以及与其它文档的关系等信息。
头部元素主要包括一下标签：
| <base> | <link> | <meta> | <script> | <style> | <title> |
|---|---|---|---|---|---|
| 为页面链接规定默认地址或目标 | 定义文档与外部资源的关系 | 提供有关页面的元信息 | 定义客户端脚本 | 为 HTML 文档定义样式信息 | 定义文档的标题 |
<title>标签
<!DOCTYPE html>
<html lang="en">
<head>
<!--定义网页标题-->
<title>Matrix官网</title>
</head>
<body>
</body>
</html>
<title></title>标签包含的内容是网页的标题，用来告诉浏览者和搜索引擎这个网页的主题是什么，显示在浏览器标签页的标题栏中。
<meta>标签
<html lang="en">
<head>
<!--定义网页标题-->
<title>Matrix官网</title>
</head>
<body>
</body>
</html>
对于以上代码，在Windows环境下，如果我们的HTML文档中出现了中文，并且通过pycharm右上角的快捷方式打开，在浏览器显示的时候会出现乱码。
而在文件夹中直接双击html文件则不会出现这种情况：
这是因为pycharm默认采用utf-8编码，而Windows默认采用gbk编码，因此当用gbk编码解释utf-8编码的文档时，必然会出现乱码。
为了解决乱码的问题，最好的方式就是统一编码，可以通过 <meta>标签来声明HTML文档的编码方式。
<!DOCTYPE html>
<html lang="en">
<head>
<!--声明编码方式-->
<meta charset="UTF-8">
<!--定义网页标题-->
<title>Matrix官网</title>
</head>
<body>
</body>
</html>
<meta>标签还可以定义其它与HTML文档相关的信息，通常以键值对的形式被成对传递。
常见的 <meta>标签属性有两种：
1.http-equiv属性
http-equiv属性用于指示服务器在发送HTML文档给客户端浏览器之前要发送的键值对。
当我们打开一个网页的时候，比如访问百度，就是向百度的服务器发起一个请求，让它给我一个页面，也就是HTML文档，但是当我想要看视频的时候，请求返回的内容则应该是视频内容，所以，为了确定返回内容的类型，服务器会在给客户端发送数据之前先给客户端发送一些声明。
例如上述网页，我们从服务器接收的HTML文档也要声明编码方式，标准的书写方式为：
<meta http-equiv="Content-Type" content="text/html">
<meta http-equiv="charset" content="utf-8">
这就是告诉浏览器准备接收一个utf-8编码的html文档，发送到浏览器的头部信息就是：
Content-Type:text/html
charset:utf-8
2.name属性
name属性主要用于定义页面的关键字和描述信息，用于搜索引擎对文档进行分类。
<!--定义关键字-->
<meta name="keywords" content="Matrix, 工作室, 在线学习">
<!--定义描述信息-->
<meta name="description" content="Matrix工作室">