＜head＞标签里有什么? Metadata-HTML中的元数据

56 阅读 0 评论 37 点赞

我是靠谱客的博主专注御姐，最近开发中收集的这篇文章主要介绍＜head＞标签里有什么? Metadata-HTML中的元数据，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

什么是 HTML 头部元素?

HTML <head> 元素与 <body> 元素不同，它的内容不会在浏览器中显示，它的作用是保存页面的一些元数据。

大型页面的 head 会包含很多元数据。可以用开发者工具查看网页的 head 信息。

添加标题

之前已经讲过 <title>，它可以为文档添加标题。别和 <h1> 元素搞混了，<h1> 是为 body 添加标题的。有时候 <h1> 也叫作网页标题。但是二者并不相同。

<h1> 元素在页面加载完毕时显示在页面中，通常只出现一次，用来标记页面内容的标题（故事名称、新闻摘要，等等）。
<title> 元素是一项元数据，用于表示整个 HTML 文档的标题（而不是文档内容）。

元素 <title> 也被以其他的方式使用着。比如说，如果你尝试为某个页面添加书签，（在火狐浏览器中点击地址栏末尾的星标），你会看到 <title> 的内容被作为建议的书签名。

元素 <title> 的内容也被用在搜索的结果中。

元数据：<meta>元素

元数据就是描述数据的数据，而HTML有一个“官方的”方式来为一个文档添加元数据—— <meta> 元素。当然，其他在这篇文章中提到的东西也可以被当作元数据。有很多不同种类的 <meta> 元素可以被包含进你的页面的<head>元素，但是现在我们还不会尝试去解释所有类型，这只会引起混乱。我们会解释一些你常会看到的类型，先让你有个概念。