HTML 标签

HTML <meta> 标签

主题:HTML5 标签参考上一页|下一页

说明

<meta> 标签提供有关文档的结构化元数据。 <meta> 元素可能只出现在文档的 head 部分 中,尽管它可能出现多次。

下表总结了此标签的使用上下文和版本历史。

Parent: <head>
Content: None. 它是一个empty 空元素
开始/结束标签: 开始标签: required, 结束标签:forbidden
版本: HTML 2, 3.2, 4, 4.01, 5

注意:元数据是关于数据的数据(信息)– 例如,与文档相关的关键字和描述。

<meta> 标签通常用于提供关键字、描述、作者信息和其他元数据,浏览器可以使用这些元数据正确呈现文档,或者搜索引擎可以将其用于 索引目的。 这里有一些真实世界的例子可以帮助你理解 <meta> 标签。

示例 1:定义文档的字符编码

<meta charset="UTF-8">

示例 2:定义文档的作者姓名

<meta name="author" content="John Smith">

示例 3:定义搜索引擎的关键字列表

<meta name="keywords" content="HTML,CSS,Tutorials,References,Examples">

示例 4:定义网页的简短摘要/描述

<meta name="description" content="HTML/CSS Tutorials and References">

示例 5:在移动设备中启用缩放

<meta name="viewport" content="width=device-width, initial-scale=1">

语法

<meta> 标签的基本语法如下:

HTML:<meta name="text" content="text">
XHTML:<meta name="text" content="text" />

下面的示例显示了 <meta> 标签的作用。

<head>
    <title>Example of HTML meta tag</title>
    <meta charset="UTF-8">    
    <meta name="keywords" content="HTML,CSS,References,Examples">
    <meta name="description" content="Free Web tutorials">
</head>

标签特定属性

下表显示了特定于 <meta> 标签的属性。

属性 说明
Required — 必须指定以下属性之一才能使标记有效。
name application-name
author
description
generator
keywords
定义内容属性中包含的元信息的名称。
content text 给出与 http-equivname 属性关联的值。 如果存在 http-equivname 属性,则必须指定此属性.
charset character-set 指定 HTML 文档的字符编码。
http-equiv content-type
default-style
refresh
content 属性中的元信息绑定到 HTTP 响应标头。
Optional — 以下属性是可选的。
scheme format/URI Obsolete 指定用于解释 content 属性值的方案。

全局属性

与所有其他 HTML 标签一样, <meta> 标签支持 HTML5 中的全局属性


事件属性

<meta> 标签还支持 HTML5 中的事件属性


浏览器兼容性

所有主要的现代浏览器都支持 <meta> 标签。

Browsers Icon

基本支持—

  • Firefox 1+
  • Google Chrome 1+
  • Internet Explorer 2+
  • Apple Safari 1+
  • Opera 4+

进一步阅读

请参阅以下教程: HTML Meta.

相关标签: <head>.

Advertisements