HTML <meta> 标签用于提供此类附加信息。此标记是一个空元素,没有结束标记,但它在其属性中携带信息。
<meta> 标签允许您以各种方式指定元数据以及有关文档的其他重要信息。
META 元素可用于包含描述 HTML 文档属性的名称/值对,例如作者、到期日期、关键字列表、文档作者等。
您可以根据希望在文档中保留的信息在文档中包含一个或多个<meta> 标签,但一般来说,<meta> 标签不会影响文档的物理外观,因此从外观的角度来看,是否包含它们并不重要。
语法
<meta attribute-name="value">
属性
<meta> 标签支持 全局属性 。并接受一些特定属性,如下所示。
属性 | 值 | 描述 |
---|---|---|
name | application-name author description generator keywords viewport |
属性的名称。可以是任何东西。示例包括关键字、描述、作者、修订版、生成器等。 |
content | text | 指定属性的值。 |
charset | character_set | 指定 HTML 文档的字符编码。 |
http-equiv | content-security-policy content-type default-style refresh |
用于 http 响应消息头。例如,http-equiv 可用于刷新页面或设置 cookie。 |
<meta> 标签的示例
下面的示例将说明<meta> 标签的用法。在何处、何时以及如何使用<meta> 标签。
<meta> 标签的定义
下面是一个示例,其中我们正在添加<meta> 标签,元数据作为关于文档的重要关键字。
<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
通过 <meta> 标签指定 Meta DEscription
在以下示例中,我们将使用 <meta> 标签来提供文档的简短描述。这可以再次被各种搜索引擎使用,同时为搜索目的索引您的网页。
<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
</head>
<body>
<p>WELCOME TO TP</p>
</body>
</html>
添加信息丰富的<meta> 数据
让我们考虑以下示例,我们将使用 <meta> 标签来提供有关文档上次更新时间的信息。在刷新网页时,各种 Web 浏览器都可以使用此信息。
<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta name="revised" content="QikepuCom, 3/7/2014" />
</head>
<body>
<p>Hello</p>
</body>
</html>
在特定时间后刷新 HTML 页面
让我们看一下以下示例,我们将每 5 秒刷新一次页面。
<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta name="revised" content="QikepuCom, 3/7/2014" />
<meta http-equiv="refresh" content="5" />
</head>
<body>
<p>Hello World</p>
</body>
</html>
支持的浏览器
浏览器 | ![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|---|
是否支持 | Yes | Yes | Yes | Yes | Yes |