【HTML】定义文档数据 —— meta元素

最新推荐文章于 2022-05-08 21:35:29 发布

王晓斌

最新推荐文章于 2022-05-08 21:35:29 发布

阅读量851

点赞数

分类专栏： HTML 文章标签： HTML

本文链接：https://blog.csdn.net/robinjwong/article/details/40331735

版权

3 篇文章 0 订阅

订阅专栏

功能说明：

定义文档元数据。

属性：

name content scheme http-equiv [i18n]

详细解释：

每一个关键字表示一个元数据字段，该关键字的值用来描述该元数据字段，从而形成“关键字/值”成对出现，例如：

<head>
  <meta name="Author" content="zuozhe">
</head>

通过name属性来说明元数据信息的关键字（Author），属性content用来定义该关键字的值（zuozhe）。

也可以为content属性定义一个URI类型的值，例如：

<meta name="DC.identifier" content="http://www.ietf.org/rfc/rfc1866.txt">

meta元素的lang属性用来定义content属性值的语言；dir属性用来定义content属性值中的文字的方向；例如：

<head>
  <meta name="Author" content="zuozhe" lang="US-en" dir="LTR">
</head>

上面的代码表示content属性值的语言是美国英语，方向是从左向右。

例如，下面的定义会引导搜索引擎使用lang属性来过滤并通过用户的语言优先设置来显示搜索结果：

<meta name="keywords" lang="en-us" conteng="good book">
<meta name="keywords" lang="zh-en" conteng="精品图书">

http-equiv属性用来定义HTTP消息报头的响应头；例如：

<meta http-equiv="Expires" content="Tue,20 Oct 2014 00:00:00 GMT">

上面的代码，将会创建如下的HTTP消息报头：

Expires: Tue,20 Oct 2014 00:00:00 GMT

使用schema元素可以为用户浏览器提供更多的上下文环境，以利于正确的解释元数据。也就是说，当有属性提供多重格式时，schema属性值用来标识content属性期望的值。在其他一些情况下，schema属性也可以起到补充说明的作用。

范例：

当http-equiv属性的值为 Refresh 时，可以设置网页定时跳转，或者刷新自身。使用下列语法：

<meta http-equiv="Refresh" content="n;url=http://yourlink">

定时让网页在指定的时间n内跳转到页面 yourlink。例如：

<meta http-equiv="Refresh" content="5;url=http:baidu.com">

浏览器将在5秒之后，自动跳转到baidu.com。如果要使浏览器在完成载入后立即刷新页面，那么可将延迟时间定为0；如果URL项没有定义，那么就刷新本页.

关注

专栏目录