HTML <meta>
标签功能
元数据(Metadata)是数据的数据信息。
<meta>
标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。
META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者及其他元数据。
元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。
HTML <meta>
标签使用
描述 HTML 文档的元数据:
<head>
<meta name="description" content="免费在线教程">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="axihe">
<meta charset="UTF-8">
</head>
浏览器支持
所有主流浏览器都支持 <meta>
标签。
提示和注释
注意:<meta>
标签通常位于 <head> 区域内。
注意:元数据通常以 名称 / 值 对出现。
注意:如果没有提供 name 属性,那么名称 / 值对中的名称会采用 http-equiv 属性的值。
HTML4 与 HTML5 之间的差异
HTML5 不支持 scheme 属性。
在 HTML5 中,有一个新的 charset 属性,它使字符集的定义更加容易:
- HTML4:<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″>
- HTML5:<meta charset=”UTF-8″>
-
- *
HTML 与 XHTML 之间的差异
在 HTML 中 <meta>
标签没有结束标签。
在 XHTML 中 <meta>
标签必须包含结束标签。
实例
实例 1 – 定义文档关键词,用于搜索引擎:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
实例 2 – 定义 web 页面描述:
<meta name="description" content="Free Web tutorials on HTML and CSS">
实例 3 – 定义页面作者:
<meta name="author" content="Hege Refsnes">
实例 4 – 每 30 秒刷新页面:
<meta http-equiv="refresh" content="30">
属性
New:HTML5 新属性。
属性 | 值 | 描述 |
---|---|---|
charsetNew | character_set | 定义文档的字符编码。 |
content | text | 定义与 http-equiv 或 name 属性相关的元信息。 |
http-equiv | content-type default-style refresh |
把 content 属性关联到 HTTP 头部。 |
name | application-name author description generator keywords |
把 content 属性关联到一个名称。 |
scheme | format/URI | HTML5 不支持。定义用于翻译 content 属性值的格式。 |
事件属性
<p> 标签支持所有 HTML 事件属性。
本文参考 HTML 中文帮助文档