您必须记住,HTML 是一种结构化语言,旨在被机器读取,然后用于呈现更易于人类阅读的内容。浏览器获取所有 HTML,然后使用它来了解如何呈现网页。 <link>、<meta> 和 <head> 中的其他标签由机器读取,虽然它们不直接呈现给人类可见的东西,但它们仍然发挥作用在整体体验中。
<link> 标签可以被读取 HTML 文档的机器以多种方式使用。例如,如果您要搜索特定作者,网络爬虫可能会读取文档并向您显示搜索结果。如果文档说它是 Bob Barker 撰写的,并且您在 Google 上搜索 Bob Barker 撰写的文章,那么它就会知道如何将文档呈现给您。
假设浏览器想要为您提供一种与页面作者联系的简便方法,它知道与谁联系的最简单方法是阅读此元素,因为它的目的是是明确的(来自MDN):
定义指向描述作者或提供方法的页面的超链接
联系作者。
<link> 标签只是一个例子。表达元数据的最新方法之一是通过<meta> 标签。我并不完全了解它们的所有使用方式,但请考虑以下示例:
当我在 Google 上搜索“html card meta”时,我看到这篇文章The Essential Meta Tags for Social Media 作为第一个结果:
如果您仔细观察,您会发现它在文章“2016 年 6 月 20 日”旁边有一个日期。那是发布日期。 Google 能够合理识别这一点的唯一原因是文章页面的实际来源中的<meta property="article:published_time" content="2016-06-20T13:18:32+00:00"> 标签。否则它必须从其他页面功能中猜测。