上一个潦草的随笔中提到了head标签在一个html文档中的“灵魂”地位，接下来就从head的内部标签来看一看这“灵魂”是怎么来的。
① title标签
title标签决定着网页的名称，这也是我们在浏览器中最直观能够看到的部分：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>这里是标题</title> 5 </head> 6 <body> 7 </body> 8 </html>
添加title标题后使用使用浏览器打开html文档获得如下效果
在不设置title标签的情况下，网页名称为对应文档的全称，如XXX.html
② meta标签
meta标签内部的声明相当于网页的标签，浏览器通过meta标签会对页面进行解析。
我在目前看到的html文档中最常见到的meta标签形式都以如下方式出现：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>这里是标题</title> 6 </head> 7 <body> 8 </body> 9 </html>
这个meta标签中给charset属性设置属性值为“utf-8”，浏览器在解析的过程中就可以知晓该文档是使用“utf-8”编码完成的。
此处的meta标签完成了声明编码的任务，与之相类似还有很多可以用到meta标签，如声明作者、主要内容等等。可以看出meta标签个性化程度很高。
③ style标签
style顾名思义，在html文档中发挥改变样式的作用，可以归为CSS（叠样式表，Cascading Style Sheets）的范畴。这里提到的style标签涉及html文档中引入css的三种方式，这里属于内联式。
这个地方涉及与body内标签的结合以及选择器的问题，所以先放一个空的style标签
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>这里是标题</title> 6 <style></style> 7 </head> 8 <body> 9 </body> 10 </html>
④ link标签
说完style标签，接下来与它相关的就是link标签，link标签通常是负责css文件的外部引入，也就是引入css三种方式之一的外联式。
引入css文件是link标签用途中我认为最常见的方式，具体来看如下：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>这里是标题</title> 6 <link rel="stylesheet" type="text/css" href="css文件位置"> 7 <style></style> 8 </head> 9 <body> 10 </body> 11 </html>
rel属性的其他表现方式不常见，这里不做说明；type属性表示该标签的类型，属性值"text/css"体现了引入的是css文件，href属性十分常见，其属性值为目标文件的地址。
link标签与style标签都用作css样式的引入，区别主要在于文件的操作与体量。
如果是很简单的html文档，需要改变样式的标签也不会很多的话，完全可以使用内联式（<style></style>），甚至是之后会见到的行内式（将style作为属性，具体需要改变的样式作为属性值）；
在相对大一些的html文档中css就被作为外部文件进行引入了，这样做的好处是方便修改而且减少代码冗余。针对不同的情况两种方式各有利弊，接下来要说到的script标签也是如此
⑤ script标签
script标签属于网页脚本的引入，也分为内联、外联和行内（不常见）三种引入方式。与样式引入的区别在于无论外联还是内联脚本引入只需要<script></script>即可。
在这里先选择加入单纯的script标签，如style标签一样：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>这里是标题</title> 6 <link rel="stylesheet" href="css文件位置"> 7 <style></style> 8 <script></script> 9 </head> 10 <body> 11 </body> 12 </html>
为了完成这篇随笔，我还发现了两个罕见或者说我平时没有注意到的头部内标签：base标签和noscript标签
⑥ base标签
base标签也是一个可以很好的体现出head标签“灵魂”地位的证明，用来作为网页中其他一些链接操作的基准。介于里面的属性较少，可以通过举例说明：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>这里是标题</title> 6 <link rel="stylesheet" href="css文件位置"> 7 <style></style> 8 <script></script> 9 <base href="相对链接的前置链接" target="打开链接的方式"> 10 </head> 11 <body> 12 </body> 13 </html>
base的基准作用一部分就体现在其href属性的属性值充当页面内其他标签href属性值的前置链接，在这里涉及到文件的绝对地址（绝对路径）和相对地址（相对路径）。
绝对路径，我的理解是可以确定文件位置的最粗暴的方式，但不一定简单，有时还很繁琐；相对路径就往往会简化许多。
这里可以用在大街上问路来举例：你向一个陌生人询问市政府在哪里，有的人可能就会基于自己现在的位置，通过脑海中想象出的路线来进行答复。
这个过程所阐释的就是相对地址，因为这种回答是相对于当时的情况，如果下次换一个地方问路，就会收获不一样的回答。
可能有极少部分人会告诉你XXX大街XXX号，但这种情况更多存在于我们填写家庭住址，这种十分详尽来确认位置的描述就是绝对地址。
通过绝对地址来访问是很直接的，但是一旦地址过长就不利于重复使用，因为我们现在看到的大多数网页都需要图片、外部样式、脚本等一系列文件组成，形单影只的html是不常见的，因此html内部会有不少指向外部的地址。
这个时候往往需要相对地址，毕竟同一个项目内的文件前置部分的链接都不会变，后一部分地址就根据各自标签的引用确认即可。
base中的href属性值确认的就是前半部分的链接，有效减少代码冗余。
target的属性值为打开链接的方式，我常见的主要有"_blank"和"_self"。前者表示在一个在一个新的窗口中打开链接，后者表示在当前页面打开新页面，形成覆盖。
创建新标签页就是一种打开target属性值为"_blank"的操作，还有其他一些属性值在见到的时候可以再加以说明。
⑦noscript标签
当浏览器不支持script脚本时显示noscript中的内容，因为我觉得不常用这个我就不加到代码里了，以后用到希望自己能想到它。
由此head内部的标签就告一段落了，这个时候我们打开加入标签之后的html文档发现网页中依旧一片空白，这也从一个方面说明了只有“灵魂”没有“躯干”是不行的。
下次有机会来说一说“躯干”body内部的标签。
