什么是 HTML 头部元素?
HTML <head> 元素与 <body> 元素不同，它的内容不会在浏览器中显示，它的作用是保存页面的一些 元数据。
大型页面的 head 会包含很多元数据。可以用 开发者工具 查看网页的 head 信息。
添加标题
之前已经讲过 <title>，它可以为文档添加标题。别和 <h1> 元素搞混了，<h1> 是为 body 添加标题的。有时候 <h1> 也叫作网页标题。但是二者并不相同。
<h1>元素在页面加载完毕时显示在页面中，通常只出现一次，用来标记页面内容的标题（故事名称、新闻摘要，等等）。<title>元素是一项元数据，用于表示整个 HTML 文档的标题（而不是文档内容）。
元素 <title> 也被以其他的方式使用着。 比如说，如果你尝试为某个页面添加书签，（在火狐浏览器中点击地址栏末尾的星标），你会看到 <title> 的内容被作为建议的书签名。
元素 <title> 的内容也被用在搜索的结果中。
元数据：<meta>元素
元数据就是描述数据的数据，而HTML有一个“官方的”方式来为一个文档添加元数据—— <meta> 元素。当然，其他在这篇文章中提到的东西也可以被当作元数据。有很多不同种类的 <meta> 元素可以被包含进你的页面的<head>元素，但是现在我们还不会尝试去解释所有类型，这只会引起混乱。我们会解释一些你常会看到的类型，先让你有个概念。
指定你的文档中字符的编码
<meta charset="utf-8">这个元素简单的指定了文档的字符编码 —— 在这个文档中被允许使用的字符集。 utf-8 是一个通用的字符集，它包含了任何人类语言中的大部分的字符。
许多<meta> 元素包含了name 和 content 特性：
name指定了meta 元素的类型； 说明该元素包含了什么类型的信息。content指定了实际的元数据内容。