HTML5 <meta> 标签_超级菜鸟教程_初级程序员自习必修课

实例

描述 HTML 文档的元数据：

<head>
<meta name="description" content="免费在线教程">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Vue5教程">
<meta charset="UTF-8">
</head>

尝试一下 >>

浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流浏览器都支持 <meta> 标签。

标签定义及使用说明

元数据（Metadata）是数据的数据信息。

META元素通常用于指定网页的描述，关键词，的文件的最后修改，作者，和其他元数据。

元数据可以被使用浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 Web 服务调用。

提示和注释

注意：<meta> 标签通常位于 <head>区域内。

注意： 元数据通常以名称/值对出现。

注意： 如果没有提供 name 属性，那么名称/值对中的名称会采用 http-equiv 属性的值。

HTML 4.01 与 HTML5之间的差异

HTML5 不支持 scheme 属性。

在 HTML5 中，有一个新的 charset 属性，它使字符集的定义更加容易：

HTML 4.01：<meta http-equiv="content-type" content="text/html; charset=UTF-8">
HTML5：<meta charset="UTF-8">

HTML 与 XHTML 之间的差异

在 HTML 中 <meta> 标签没有结束标签。

在 XHTML 中 <meta> 标签必须包含结束标签。

实例

实例 1 - 定义文档关键词，用于搜索引擎：

实例 2 - 定义web页面描述：

实例 3 - 定义页面作者：

实例 4 - 每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 教程：HTML 头部

实例