更新时间:2014年8月20日

meta元素(文档的元数据)

<meta http-equiv=" " content="">

使用meta元素可以表达各种元数据的相关信息。根据name内容属性与http-equiv内容属性中封装的值,改变元数据的相关信息。在head元素中使用。

1、name内容属性
定义元数据的名称。
【name属性的可选值:】
  • application-name:当制作用于web应用程序的文档时,用于表示web应用程序的名称,如果不是Web应用程序,不能使用此值,一般网页不使用此值。
  • description:引述文档的概要。通常作为检索引擎的检索结果被显示。
  • author:引述文章的作者。
  • generator:引述生成文档的软件名称,如果没有可省略。
  • keywords:引述当前网页的相关关键词。有多个时,使用半角逗号分隔。
2、http-equiv内容属性
当meta元素中使用http-equiv内容属性时,这时的meta元素表示编译指示符。其值使用content内容属性指定。
【http-equiv属性的可选值:】
  • content-type:当制作用于web应用程序的文档时,用于表示web应用程序的名称,如果不是Web应用程序,不能使用此值,一般网页不使用此值。
  • default-style:引述文档的概要。通常作为检索引擎的检索结果被显示。
  • refresh:为重新读入文档设定时间。如果content内容属性的值里还有URL,那么经过设定的时间后,网页将自动跳转至这个URL。
3、charset内容属性
用于声明文档的文字编码。

使用例

<head>

<meta name="description" content="HTML5中meta元素的使用方法。"/>

<meta name="keywords" content="HTML5,meta元素,使用方法"/>

<meta name="generator" content="Frontweaver 8.2"/>

选择层叠样式表例:

<meta http-equiv="default-style" content="style1"/>

<link rel="stylesheet" href="style1.css" type="text/css" title="style1"/>

<link rel="stylesheet" href="style2.css" type="text/css" title="style2"/>

网页自动更新例:

<meta http-equiv="refresh" content="20"/>

网页自动跳转例:

<meta http-equiv="refresh" content="10; URL=http://www.example.com/"/>

<meta charset="UTF-8"/>

</head>

X

浏览器支持情况

元素
meta yes yes yes yes yes