html5 meta标签
本文将详细介绍 HTML5 中 <meta> 标签的使用方法。
定义和用法
<meta> 元素用于提供有关 HTML 页面的元信息（meta-information），这些信息通常不会直接显示在页面上，但对于搜索引擎、浏览器和其他 Web 服务具有重要意义，比如可以用于描述页面内容、设置关键词以及指定页面的更新频度等。
<meta> 标签必须放置在 HTML 文档的 <head> 部分，它是一个空元素，即不包含任何内容。<meta> 标签通过其属性来定义与文档相关联的名称/值对。
HTML 4.01 与 HTML 5 之间的差异
不支持的属性
在 HTML 5 中，不再支持 scheme 属性，该属性原本用于定义用于翻译 content 属性值的格式。
新增属性
HTML 5 引入了一个新的 charset 属性，它使得字符集的定义更加简洁和方便。在 HTML 4.01 中，定义字符集需要使用 http-equiv 属性，示例如下：
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
而在 HTML 5 中，只需使用 charset 属性即可：
<meta charset="ISO-8859-1">
提示和注释
建议使用 CSS 来定义列表的类型。
示例
定义针对搜索引擎的关键词
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" />
定义对页面的描述
<meta name="description" content="免费的 web 技术教程。" />
定义页面的最新版本
<meta name="revised" content="David, 2008/8/8/" />
每 5 秒刷新一次页面
<meta http-equiv="refresh" content="5" />
属性
| 属性 | 值 | 描述 | HTML 4.01 | HTML 5 |
|---|---|---|---|---|
charset | character encoding | 定义文档的字符编码。 | √ | |
content | some_text | 定义与 http-equiv 或 name 属性相关的元信息。 | √ | √ |
http-equiv | content-type, expires, refresh, set-cookie 等 | 把 content 属性关联到 HTTP 头部。 | √ | √ |
name | author, description, keywords, generator, revised 等 | 把 content 属性关联到一个名称。 | √ | √ |
scheme | some_text | 定义用于翻译 content 属性值的格式，HTML 5 中不支持。 | √ |
标准属性
HTML 5 中 <meta> 标签支持的标准属性包括 class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title 等。如需完整的描述，请访问 HTML 5 中标准属性。
事件属性
HTML 5 中 <meta> 标签支持的事件属性包括 onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload 等。如需完整的描述，请访问 HTML 5 中事件属性。
TIY 实例
文档描述
Meta 元素中的信息可以描述 HTML 文档。
文档关键字
Meta 元素中的信息可以描述文档的关键词。
重定向
这个例子演示：在网址已经变更的情况下，将用户重定向到另外一个地址。