HTML - <meta> 标签



HTML <meta> 标签用于提供此类附加信息。此标签是一个空元素,没有结束标签,但它在其属性中携带信息。

HTML 允许您以多种方式指定元数据,即关于文档的其他重要信息。META 元素可用于包含名称/值对,这些对描述 HTML 文档的属性,例如作者、过期日期、关键字列表、文档作者等。

您可以根据要保存在文档中的信息在文档中包含一个或多个元标签,但通常情况下,元标签不会影响文档的物理外观,因此从外观角度来看,是否包含它们并不重要。

语法

<meta attribute-name="value">

属性

HTML 元标签支持全局属性,并接受一些特定的属性,如下所示。

属性 描述
name application-name
author
description
generator
keywords
viewport
属性的名称。可以是任何内容。示例包括关键字、描述、作者、修订、生成器等。
content 文本 指定属性的值。
charset character_set 指定 HTML 文档的字符编码。
http-equiv content-security-policy
content-type
default-style
refresh
用于 HTTP 响应消息头。例如,http-equiv 可用于刷新页面或设置 cookie。

HTML 元标签示例

以下示例将说明元标签的使用。在哪里、何时以及如何使用元标签。

定义元数据

以下是一个示例,我们在此添加元标签,元数据作为关于文档的重要关键字。

<!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>标签来简要描述文档。各种搜索引擎在为搜索目的索引您的网页时也可以使用此功能。

<!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>标签来提供有关上次更新文档时间的的信息。各种 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="Tutorialspoint, 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="Tutorialspoint, 3/7/2014" />
   <meta http-equiv="refresh" content="5" />
</head>
<body>
   <p>Hello World</p>
</body>
</html>

支持的浏览器

标签 Chrome Edge Firefox Safari Opera
meta
html_tags_reference.htm
广告