HTML文档头部与元数据

HTML文档头部与元数据

在之前的文章中，我对 html 文档的内容做了简单的分割，这篇文章对其中的文档标题—— head 部分进行一个简单的总结～

如果没有耐心看长篇大论，可以直接到本文末尾，将会有一个包含了本文大部分内容的 demo～

文档头部的作用

head 标签本身并不携带任何信息，它主要是作为盛放其它语义类标签的容器。

head 大部分内容是不可见的，除了 title 和 图标之外。head 中可以包含的标签有 base，title，script，style，link，meta

下面从简到繁开始总结

base

base 标签的作用是给页面上的所有的相对路径提供一个基础URL

<base href="http://www.raaabbit.ink" target="_blank">

注意：

• 一份 html 文档最多只有一个 base 标签，多出的 base 都不会生效
• 这个标签存在一定的危险性，容易造成和 javascript 的配合问题

title

title 标签的作用是给页面赋予一个标题，并呈现在浏览器 tab 上，可以参考我的另一篇文章 -> html文档标题

注意：
这个标签要能够尽量概括页面的内容，因为它可能还会作为收藏夹中的标题，作为搜索引擎的搜索结果，作为社交平台分享的标题等等，应当能够起到概括内容的作用

script

script 是一段可执行脚本，一般来说都是 js 代码

<script type="text/javascript" src="./javascript.js