HTML允许您以各种方式指定元数据——关于文档的附加重要信息。元元素可以用来包括描述HTML文档属性的名称/值对，如作者、截止日期、关键字列表、文档作者等。
<meta>标签用于提供这样的附加信息。这个标记是一个空元素，因此没有结束标记，但是它在属性中携带信息。
您可以根据要在文档中保留的信息在文档中包含一个或多个元标签，但一般来说，元标签不会影响文档的物理外观，因此从外观的角度来看，是否包含它们并不重要。
向您的文档添加元标签
您可以通过将<meta>标记放在文档的标题中来为网页添加元数据，标题由<head>和</head>标记表示。除了核心属性之外，元标签还可以具有以下属性:
| 序号 | 属性和描述 |
|---|---|
| 1 | Name 属性的名称。可以是任何东西。例子包括，关键词，描述，作者，修订，生成器等。 |
| 2 | content 指定属性的值。 |
| 3 | scheme 指定解释属性值的方案(如在内容属性中声明的那样)。 |
| 4 | http-equiv 用于http响应消息头。例如，http-equiv可用于刷新页面或设置cookie。值包括内容类型、过期、刷新和设置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>这将产生以下结果：
Hello HTML5!文件描述
你可以使用标签来给出一个关于文档的简短描述。这也可以被各种搜索引擎在索引您的网页时使用。
例子
<!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>Hello HTML5!</p>
</body>
</html>文件修订日期
你可以使用标签来提供关于上次更新文档的时间信息。这些信息可以被各种浏览器在刷新网页时使用。
例子
<!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 HTML5!</p>
</body>
</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 HTML5!</p>
</body>
</html>页面重定向
您可以使用<meta>标记将您的页面重定向到任何其他网页。如果您想在特定秒数后重定向页面，也可以指定持续时间。
例子
以下是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; url = https://onionseo.com/" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>设置Cookies
Cookies是一种数据，存储在您的计算机上的小文本文件中，它是在浏览器和网络服务器之间进行交换，根据您的网络应用需要，跟踪各种信息。
您可以使用标签在客户端存储Cookie，以后网站服务器可以使用这些信息来跟踪网站访问者。
例子
以下是5秒后将当前页面重定向到另一个页面的例子。如果你想立即重定向页面，那么不要指定内容属性。
<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta http-equiv = "cookie" content = "userid = xyz; expires = Wednesday, 08-Aug-15 23:59:59 GMT;" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>如果不包括过期日期和时间，则该cookie将被视为会话cookie，并在用户退出浏览器时被删除。
设置作者姓名
你可以在网页中使用元标签设置作者名称。请看下面的例子：
例子
<!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 = "author" content = "Mahnaz Mohtashim" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>指定字符集
你可以使用标签来指定网页中使用的字符集。
例子
默认情况下，Web服务器和Web浏览器使用ISO-8859-1（Latin1）编码处理网页。以下是设置UTF-8编码的一个例子：
<!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 = "author" content = "Mahnaz Mohtashim" />
<meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>要用繁体字服务于静态页面，网页必须包含一个标签来设置Big5编码：
<!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 = "author" content = "Mahnaz Mohtashim" />
<meta http-equiv = "Content-Type" content = "text/html; charset = Big5" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
