head标签中包含了描述HTML文档的概要信息，也称为元信息
<head>
<meta charset="utf-8">//定义文档内容的编码方式，要确保是放在最开始的地方。否则会出现乱码的情况
<title>my html文档</title>//定义文档的标题
<meta name="description" content="">//对文档内容的简要描述性信息
<meta name="keywords" content="">//文档的关键词
<base href="">//文档中所有链接标签的默认链接
<link href="" rel="stylesheet">//定义文档与外部资源的关系，通常用来链接到样式表
<script src=""></script>//用于加载脚本文件（但通常脚本文件是放在body标签的最后，是为了防止js执行时间过长，导致页面信息不能立即加载出来，用户体验感不好）
<style>
</style>//内部样式表
</head>
主要介绍一下其中的一些标签：
1、base：所有链接标签的默认链接。也可以理解为文档中的相对URL的基础URL；页面中的URL分为绝对URL和相对URL：
绝对URL:显示文件的完整路径，这意味着绝对URL本身所在的位置与被引用的实际文件（当前HTML文档 ）的位置无关。
相对URL：以包含URL本身的文件夹的位置为参考点，描述目标文件夹的位置。
一般来说，对于
同一服务器
上的文件，应该总是使用
相对URL
，它们更容易输入，而且在将页面从本地系统转移到服务器上时更方便，只要每个文件的相对位置保持不变，链接就仍然是有效地。
以下为建立路径所使用的几个特殊符号，及其所代表的意义。
（1）
.
：代表
目前所在的目录
，相对路径。 如：
<a>
文本
</a>
或
<img src="./abc" />
（2）
..
：代表
上一层
目录，相对路径。 如：
<a>
文本
</a>
或
<img src="../abc" />
（3）
../../
：代表的是
上一层目录的上一层
目录，相对路径。 如：
<img src="../../abc" />
（4）
/
：代表
根目录
，绝对路径。 如：[文本]
(/abc)
或
<img src="/abc" />
当页面链接是一个相对URL时：
当base="xxx/”时：地址=当前文档目录+base基础URL+相对URL
当base="/"时：地址=当前文档的根目录+相对URL
详细解释：https://blog.csdn.net/hjb2722404/article/details/72967051
2、meta：标签提供了元数据。元数据也不显示在页面上，但会被浏览器解析。通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。（必需属性：content=""：前面属性的具体内容）
分为：http标题信息和页面描述信息
页面描述信息：页面的关键词name="KeyWords"、页面的主要内容name="Description"、站点的作者name="author"
http响应消息头部：页面的编码方式charset="UTF-8"、缓存方式http-equiv="cache-control"、响应主体的内容类型http-equiv="Content-type"、规定页面的解析内核name="render"、