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>