HTML <meta> 标签 - 蝴蝶教程

<meta>标签定义和用法

元数据是关于数据的数据（信息）。

<meta>标签提供有关HTML文档的元数据。元数据不会显示在页面上，但可以进行机器分析。 meta元素通常用于指定页面描述，关键字，文档的作者，最后修改的元数据和其他元数据。浏览器可以使用元数据（如何显示内容或重新加载页面），搜索引擎（关键字）或其他Web服务。 HTML5引入了一种方法，让网页设计师通过<meta>标签控制视口（用户的网页可见区域）（参见下面的“设置视口”示例）。

注意： <meta>标签始终位于<head>元素内。注意：元数据始终作为名称/值对传递。注意：如果定义了名称或http-equiv属性，则必须定义content属性。如果未定义这些内容，则无法定义内容属性。

设置视口 HTML5引入了一种方法，让网页设计师通过<meta>标签控制视口。视口是用户在网页上的可见区域。它随设备而变化，在手机上比在电脑屏幕上小。您应该在所有网页中包含以下<meta> viewport元素：

<meta> viewport元素为浏览器提供有关如何控制页面尺寸和缩放的说明。 width=device-width部分将页面宽度设置为遵循设备的屏幕宽度（具体取决于设备）。 initial-scale = 1.0部分设置浏览器首次加载页面时的初始缩放级别。

<meta>标签浏览器支持

Internet Explorer/Edge	Chrome	FireFox	Safari	Opera

支持	支持	支持	支持	支持

HTML4.01和HTML5之间的差异

HTML5中不支持scheme属性。 HTML5有一个新属性charset，可以更容易地定义charset：

HTML4.01：<meta http-equiv =“content-type” content =“text/html; charset=UTF-8”>
HTML5：<meta charset =“UTF-8”>

HTML和XHTML之间的差异

在HTML中，<meta>标记没有结束标记。在XHTML中，必须正确关闭<meta>标记。

<meta>标签实例

<head>
 <meta charset="UTF-8">
 <meta name="description" content="免费的Web教程">
 <meta name="keywords" content="HTML,CSS,XML,JavaScript">  
 <meta name="author" content="Alex Mo">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

尝试一下

<meta>标签属性

下面橙红色的5标识代表HTML添加的新功能。

属性名	属性值	描述
charset5	character_set	指定HTML文档的字符编码
content	text	给出与http-equiv或name属性关联的值
http-equiv	content-type default-style refresh	为content属性的信息/值提供HTTP标头
name	application-name author description generator keywords viewport	指定元数据的名称
scheme	format/URI	HTML5不支持。指定用于解释content属性值的方案

<meta>标签全局属性

<meta>标签相关页面

HTML教程：HTML头

<meta>标签默认CSS设置

没有。