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本身的文件夹的位置为参考点,描述目标文件夹的位置。
.
:代表
目前所在的目录
,相对路径。 如:
<a>
文本
</a>
或
<img src="./abc" />
..
:代表
上一层
目录,相对路径。 如:
<a>
文本
</a>
或
<img src="../abc" />
../../
:代表的是
上一层目录的上一层
目录,相对路径。 如:
<img src="../../abc" />
/
:代表
根目录
,绝对路径。 如:[文本]
(/abc)
或
<img src="/abc" />
详细解释: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"、