html meta元标签 – HTML教程 htmlmeta元标签|HTML

上一章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> Hello HTML5! < /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> Hello HTML5! < /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> Hello HTML5! < /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> Hello HTML5! < /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.srcmini.com" /> < /head>< body> Hello HTML5! < /body>< /html>

设置cookieCookies是存储在你的计算机上的小型文本文件中的数据，它在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> Hello HTML5! < /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> Hello HTML5! < /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> Hello HTML5! < /body>< /html>

【html meta元标签 – 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> Hello HTML5! < /body>< /html>