HTML中的Meta http-equiv属性详解,轻松实现网页自动刷新及跳转

129次阅读

共计 2638 个字符,预计需要花费 7 分钟才能阅读完成。


什么是 http-equiv

http-equiv 顾名思义,主要角色是 http 的文件头,向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为 content,content 中的内容其实就是各个参数的变量值。

使用方法

meat 标签的 http-equiv 属性语法格式是:

1
<meta httpequiv=“ 参数 ” content=“ 参数变量值 ”>

其中 http-equiv 属性主要有以下几种参数:

1、Expires(期限)

说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。

用法:

1
<meta httpequiv=“expires” content=“Wed, 20 Jun 2007 22:33:00 GMT”>

注意:必须使用 GMT 的时间格式。

2、Pragma(cache 模式)

说明:是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从 Cache 中再调出

用法:

1
<meta httpequiv=“Pragma” content=“no-cache”>

注意:这样设定,访问者将无法脱机浏览。

3、Refresh(刷新)

说明:自动刷新并指向新页面。

用法:

1
<meta httpequiv=“Refresh” content=“3;URL=http://www.baidu.cn/”>

注意:其中的 3 是指停留 3 秒钟后自动刷新到 URL 网址。

4、Set-Cookie(cookie 设定)

说明:如果网页过期,那么存盘的 cookie 将被删除。

用法:

1
<meta httpequiv=“Set-Cookie” content=“cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT;path=/”>

注意:必须使用 GMT 的时间格式。

5、Window-target(显示窗口的设定)

说明:强制页面在当前窗口以独立页面显示。

用法:

1
<meta httpequiv=“Window-target” content=“_top”>

注意:用来防止别人在框架里调用自己的页面。

6、content-Type(显示字符集的设定)

说明:设定页面使用的字符集。

用法:

1
<meta httpequiv=“content-Type” content=“text/html; charset=gb2312”>

7、Pics-label(网页等级评定)

用法:

1
<meta httpequiv=“Pics-label” contect=“”>

说明:在 IE 的 internet 选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过 meta 属性来设置的。

8、Page_Enter、Page_Exit

设定进入页面时的特殊效果

1
<meta httpequiv=“Page-Enter” contect=“revealTrans(duration=1.0,transtion= 12)”>

设定离开页面时的特殊效果

1
<meta httpequiv=“Page-Exit” contect=“revealTrans(duration=1.0,transtion= 12)”>

Duration 的值为网页动态过渡的时间,单位为秒。

Transition 是过渡方式,它的值为 0 到 23,分别对应 24 种过渡方式。如下:

  • 0 盒状收缩 1 盒状放射
  • 2 圆形收缩 3 圆形放射
  • 4 由下往上 5 由上往下
  • 6 从左至右 7 从右至左
  • 8 垂直百叶窗 9 水平百叶窗
  • 10 水平格状百叶窗 11 垂直格状百叶窗
  • 12 随意溶解 13 从左右两端向中间展开
  • 14 从中间向左右两端展开 15 从上下两端向中间展开
  • 16 从中间向上下两端展开 17 从右上角向左下角展开
  • 18 从右下角向左上角展开 19 从左上角向右下角展开
  • 20 从左下角向右上角展开 21 水平线状展开
  • 22 垂直线状展开 23 随机产生一种过渡方式

9、清除缓存(再访问这个网站要重新下载!)

1
<meta httpequiv=“cache-control” content=“no-cache”>

10、设定网页的到期时间

1
<meta httpequiv=“expires” content=“0”>

11、关键字, 给搜索引擎用的

1
<meta httpequiv=“keywords” content=“keyword1,keyword2,keyword3”>

12. 页面描述

1
<meta httpequiv=“description” content=“This is my page”>

正文完
 0