码迷,mamicode.com
首页 > Web开发 > 详细

html5 中 meta 标签的使用

时间:2017-08-05 16:44:37      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:microsoft   log   lang   键值   最新   res   过期   搜索引擎   日期   

目录:

1、定义

2、用法

  2.1 设置网页的定时跳转

  2.2 设定有效日期

  2.3 禁止从缓存中调用

  2.4 删除过期的cookie

  2.5 注明作者、网页描述

内容

1、定义

  <meta>元素可提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词。

  <meta>标签位于文档的头部,不包含任何内容,多是键值对。

2、内容

2.1 设置网页的定时跳转

  在该语法中,refresh表示网页的刷新,而在content中设置刷新的时间和刷新之后的重新链接地址。默认情况下,跳转的时间是以秒为单位的。

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="refresh" content="3;url=http://www.baidu.com"/>
    <title>设置网页的定时跳转</title>
</head>
<body>
    本页面在3秒之后将自动跳转到百度首页
</body>
</html>

2.2 设定有效日期

  在某些网站上会设置网页的到期时间,一旦过期则必须到服务器上重新调用。

  在该语法中,到期的时间必须是GMT格式。即星期 日 月 年 时 分 秒。

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="expires" content="Wed,14 september 2017 16:20:00 GMT"/>
    <title>设置有效期限</title>
</head>
<body>
</body>
</html>

2.3 禁止从缓存中调用

  使用网页缓存可以加快网页的浏览速度,但是如果网页的内容经常更新,网页制作者希望用户随时都能够查到最新的网页内容,则可以通过meta语句禁止网页缓存

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="Cache-Control" content="no-cache" />
    <meta http-equiv="Pragma" content="no-cache"/>
    <title>禁止从缓存中调用</title>
</head>
<body>
</body>
</html>

2.4 删除过期的cookie

  如果网页过期,则删除存盘的cookie

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="set-cookie" content="Web,14 september 2017 16:20:00 GMT"/>
    <title>删除过期的cookie</title>
</head>
<body>
</body>
</html>

2.5  注明作者、网页描述

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="author" content="Cassie" />
    <meta name="description" content="test" />
    <title>注明作者、网页描述</title>
</head>
<body>
</body>
</html>

 

html5 中 meta 标签的使用

标签:microsoft   log   lang   键值   最新   res   过期   搜索引擎   日期   

原文地址:http://www.cnblogs.com/leijing0607/p/7290510.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!