HTML - meta 标签

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

META 元素可用于包含描述 HTML 文档属性的名称/值对，例如作者、到期日期、关键字列表、文档作者等。

您可以根据希望在文档中保留的信息在文档中包含一个或多个<meta> 标签，但一般来说，<meta> 标签不会影响文档的物理外观，因此从外观的角度来看，是否包含它们并不重要。

语法


<meta attribute-name="value">

属性

属性	值	描述
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

打印本页