《HTML标准》解读：详解元数据内容标签

水鱼兄

于 2022-11-20 12:00:00 发布

阅读量1k

点赞数

文章标签：前端 javascript

本文链接：https://blog.csdn.net/weixin_44384265/article/details/127927679

版权

本文详细解析HTML中的元数据内容标签，包括title、base、link和meta的用途和重要性。title标签用于设定页面标题，base标签设置基础URL和浏览上下文，link标签创建与外部资源的连接，meta标签则用于表达其他元数据。HTTP头也可用于设置元数据，与标签形式相辅相成。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文为HTML标准解读系列文章，其他文章详见这里。

在HTML中，有一类标签，虽然很重要，但由于大部分不会被浏览器渲染出来，而被很多开发者所忽略，这类标签叫作元数据内容标签。

如果你不知道什么是叫「元数据」，可以看看维基百科对元数据的定义：

Metadata is “data that provides information about other data”。

元数据是“给其他数据提供信息的数据”。

如果范围缩小到HTML上，HTML标准对于「元数据内容」的定义是这样的：

Metadata content is content that sets up the presentation or behavior of the rest of the content, or that sets up the relationship of the document with other documents, or that conveys other “out of band” information.

元数据内容是具有如下作用的内容：设置整体内容的呈现或者行为、设置本文档与其他文档之间的关系、传达其他主内容以外的信息。

对于这个定义，可以举几个例子：

<!-- 设置整体内容的呈现：设置默认背景夜色为dark -->
<meta name="color-scheme" content="dark">

<!-- 设置整体文档的行为：每30秒刷新页面 -->
<meta http-equiv="refresh" content="30">

<!-- 设置本文档与其他文档之间的关系：设置本文档的作者页 -->
<link rel="author" href="./author.html">

<!-- 传达其他主内容以外的信息: 设置文档title -->

最低0.47元/天解锁文章