HTML <meta>标签包含在网页上不直接可见但由浏览器和搜索引擎使用的信息或元数据。该标签通常也称为 <meta>元素。
描述 HTML 文档的元数据:
<!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="The HTML meta tag is an element that resides within the HTML head tag."> <meta name="keywords" content="html, meta, tag, element"> <meta name="author" content="www.cainiaoplus.com"> <title>菜鸟教程(cainiaoplus.com)</title> </head> <body> </body> </html>测试看看 ‹/›
在此HTML5文档示例中,我们创建了5个meta标签。第一个meta标签(charset)定义HTML文档的字符编码。在设计响应式网站时,将使用第二个meta标签(viewport)。第三个meta标签(description)为搜索引擎的网页提供了描述。第四个元标记(关键字)为搜索引擎提供关键字。最终的meta标签(author)定义了网页的作者。
IEFirefoxOperaChromeSafari
所有主流浏览器都支持 <meta> 标签。
元数据(Metadata)是数据的数据信息。
<meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。
META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者及其他元数据。
元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。
注意:<meta> 标签通常位于 <head> 区域内。
注意: 元数据通常以 名称/值 对出现。
注意: 如果没有提供 name 属性,那么名称/值对中的名称会采用 http-equiv 属性的值。
HTML5 不支持 scheme 属性。
在 HTML5 中,有一个新的 charset 属性,它使字符集的定义更加容易:
HTML 4.01: <meta http-equiv="content-type" content="text/html; charset=UTF-8">
HTML5: <meta charset="UTF-8">
在 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="nhoo.com">
示例 4 - 每30秒刷新页面:
<meta http-equiv="refresh" content="30">
New :HTML5 新属性。
属性 | 值 | 描述 |
---|---|---|
charsetHTML5 | 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 属性值的格式。 |
<meta> 标签支持所有 HTML事件属性。
HTML 教程:HTML 头部