srcmini上一章HTML教程请查看：html短语标签
HTML允许你指定元数据——以各种方式指定关于文档的附加重要信息。元元素可用于包含描述HTML文档属性的名称/值对，如作者、失效日期、关键字列表、文档作者等。
<meta>标记用于提供此类附加信息，标记是一个空元素，因此没有关闭标记，但它在属性中携带信息。
你可以包括一个或多个meta标签文档基于信息你想保持你的文档,但一般来说,元标记不影响文档的外表所以从外表看来,不管你是否包含它们。
在文档中添加元标记
你可以通过将<meta>标记放置在由<head>和</head>标记表示的文档标题内，将元数据添加到web页面。除了核心属性外，元标签还可以有以下属性
| 编号 | 属性和说明 |
| 1 | Name 属性的名称，可以是任何东西，例子包括关键词keyword，描述description，作者author，修改，生成器等。 |
| 2 | content 指定属性的值。 |
| 3 | scheme 指定一种解释属性值的模式(在content属性中声明)。 |
| 4 | http-equiv 用于http响应消息头。例如，http-equiv可以用来刷新页面或设置cookie，值包括内容类型、过期、刷新和设置cookie。 |
指定关键字keyword
你可以使用<meta>标签来指定与文档相关的重要关键字，稍后这些关键字将被搜索引擎用于索引你的网页以进行搜索。
例子
下面是一个例子，我们在其中添加HTML、元标记、元数据作为关于文档的重要关键字。
<!DOCTYPE html>
<html>
<head>
<title>Meta标签例子</title>
<meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
文档描述
你可以使用<meta>标记来给出关于文档的简短描述，这也可以用于各种搜索引擎，而索引你的网页搜索的目的。
例子
<!DOCTYPE html>
<html>
<head>
<title>Meta标签例子</title>
<meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
<meta name = "description" content = "Meta标签例子" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
文档修改日期
你可以使用<meta>标记来提供关于文档最后一次更新时间的信息，此信息可被各种web浏览器在刷新网页时使用。
例子
<!DOCTYPE html>
<html>
<head>
<title>Meta标签例子</title>
<meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
<meta name = "description" content = "Meta标签例子" />
<meta name = "revised" content = "srcmini, 3/7/2019" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
文档刷新
可以使用<meta>标记指定一个持续时间，在此之后web页面将自动刷新。
例子
如果希望页面每5秒刷新一次，请使用以下语法。
<!DOCTYPE html>
<html>
<head>
<title>Meta标签例子</title>
<meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
<meta name = "description" content = "Meta例子" />
<meta name = "revised" content = "srcmini, 3/7/2020" />
<meta http-equiv = "refresh" content = "5" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
页面重定向
你可以使用<meta>标签将你的页面重定向到任何其他网页，如果希望在一定的秒数后重定向页面，还可以指定持续时间。
例子
以下是5秒后将当前页面重定向到另一个页面的示例，如果要立即重定向页面，则不要指定内容属性。
<!DOCTYPE html>
<html>
<head>
<title>Meta标签例子</title>
<meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
<meta name = "description" content = "Meta标签" />
<meta name = "revised" content = "srcmini, 3/7/2020" />
<meta http-equiv = "refresh" content = "5; url = http://www.srcmini02.com" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
设置cookie
Cookies是存储在你的计算机上的小型文本文件中的数据，它在web浏览器和web服务器之间进行交换，以根据你的web应用程序的需要跟踪各种信息。
你可以使用<meta>标记在客户端存储cookie，稍后Web服务器可以使用这些信息跟踪站点访问者。
例子
以下是5秒后将当前页面重定向到另一个页面的示例，如果要立即重定向页面，则不要指定内容属性。
<!DOCTYPE html>
<html>
<head>
<title>Meta标签例子</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，在用户退出浏览器时将被删除。
注意，你可以查看PHP和cookie教程以获得关于cookie的完整细节。
设置作者姓名
可以使用元标记在web页面中设置作者，请看下面的例子
例子
<!DOCTYPE html>
<html>
<head>
<title>Meta Tags</title>
<meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
<meta name = "description" content = "Meta Tags" />
<meta name = "author" content = "srcmini" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
指定字符集
你可以使用<meta>标签来指定网页内使用的字符集。
例子
默认情况下，Web服务器和Web浏览器使用ISO-8859-1 (Latin1)编码来处理Web页面。下面是一个设置UTF-8编码的例子
<!DOCTYPE html>
<html>
<head>
<title>Meta Tags</title>
<meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
<meta name = "description" content = "Meta Tags" />
<meta name = "author" content = "srcmini" />
<meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
要使用繁体字提供静态页面，页面必须包含<meta>标记来设置Big5编码：
<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
<meta name = "description" content = "Meta Tags" />
<meta name = "author" content = "srcmini" />
<meta http-equiv = "Content-Type" content = "text/html; charset = Big5" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
评论前必须登录！
注册