首页 > Html > Meta的http-equiv属性详解
2010十一月10

Meta的http-equiv属性详解

转自:http://hi.baidu.com/pingpingzi188/blog/item/907a64820f8292a60cf4d2ec.html

今天,在看一个专题页面的时候,发现翻页时页面的效果很帅。以为是用js实现的呢,不过查看原代码后,偶震惊了。因为里面没有任何 script 标签,同时页面有两个奇怪的 meta 标签。所以我发现,原来 meta 也有这么多的东西,悲哀了。

<meta http-equiv="Window-target" content="_top" />

<meta http-equiv="Page-Enter" content="BlendTrans(enabled=true,

percent=10)">

1、Expires(期限)

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

用法:<meta http-equiv=”expires” content=”Wed, 20 Jun 2007 22:33:00 GMT”>

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

2、Pragma(cache模式)

说明:是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出
用法:<meta http-equiv=”Pragma” content=”no-cache”>

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

3、Refresh(刷新)

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

用法:<meta http-equiv=”Refresh” content=”2;URL=http://www.net.cn/”>

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

4、Set-Cookie(cookie设定)

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

用法:<meta http-equiv=”Set-Cookie” content=”cookievalue=xxx; expires=Wednesday, 20-Jun-2007 22:33:00 GMT; path=/”>

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

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

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

用法:<meta http-equiv=”Window-target” content=”_top”>

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

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

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

用法:<meta http-equiv=”content-Type” content=”text/html; charset=gb2312″>

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

用法:网页等级评定

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

还有Page_Enter、Page_Exit……

文章作者:simaopig
本文地址:http://www.xiaoxiaozi.com/2010/11/10/1988/
版权所有 © 转载时必须以链接形式注明作者和原始出处!

11 Responses to “Meta的http-equiv属性详解”

  1. #1 TaoGOGO 回复 | 引用 Post:2010-11-10 20:59

    IE家族专有的属性,呵呵,IE下可以玩的很拉风

    [回复]

  2. #2 simaopig 回复 | 引用 Post:2010-11-11 10:31

    @TaoGOGO
    是的,IE ONLY,不过确实很炫,哈哈。~

    [回复]

  3. #3 TaoGOGO 回复 | 引用 Post:2010-11-12 15:39

    你这博客打开真快……唉,掩面路过

    [回复]

  4. #4 brass casting 回复 | 引用 Post:2010-11-12 17:02

    对这个属性博主理解的很详细 很透彻吧。

    [回复]

  5. #5 老饕 回复 | 引用 Post:2010-11-13 20:43

    禁止浏览器颖镜丶扑慊 幕捍嬷蟹梦室趁婺谌荨?br>~~乱码了?

    [回复]

  6. #6 simaopig 回复 | 引用 Post:2010-11-15 11:03

    @老饕
    哈哈,谢谢老饕,还真没发现。已经改过来了。

    [回复]

  7. #7 xiaobai 回复 | 引用 Post:2010-11-17 11:48

    :cry: ie only 以前用过一部分 也不是很熟悉 关键是不兼容

    [回复]

  8. #8 airmax90 回复 | 引用 Post:2010-11-17 15:52

    技术型,高深型的……我飘过

    [回复]

  9. #9 第五代 回复 | 引用 Post:2010-11-18 11:45

    这个好像是什么规范吧,统一规定的

    [回复]

  10. #10 荒野无灯 回复 | 引用 Post:2010-11-24 23:45

    这个应该是IE专有的吧?

    [回复]

  11. #11 ecigs 回复 | 引用 Post:2010-12-30 08:08

    META的属性,没怎么深究过,基本就用那几个,这两个确实没见过!

    [回复]

发表评论

:wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-D :-? :) :( :!: 8-O 8)