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

meat标签的http-equiv属性语法格式是:<meta http-equiv="参数" content="参数变量值">;其中http-equiv属性主要有以下几种参数:

1、Expires(期限)

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

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

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

2、Pragma(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(网页等级评定)

  用法:<meta http-equiv="Pics-label" contect="">网页等级评定

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

8、Last-Modified

  用法:<meta http-equiv="Last-Modified" content="Fri, 12 May 2006 18:53:33 GMT">

  说明:文档的最后改动时间。客户可以通过If-Modified-Since请求头提供一个日期,该请求将被视为一个条件GET,只有改动时间迟于指定时间的文档 才会返回,否则返回一个304(Not Modified)状态。Last-Modified也可用setDateHeader方法来设置。

还有Page_Enter、Page_Exit、ETag ……

补充:

设定进入页面时的特殊效果<meta http-equiv="Page-Enter" contect="revealTrans(duration=1.0,transtion= 12)"> 
设定离开页面时的特殊效果<meta http-equiv="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 随机产生一种过渡方式

html 自动跳转,meat(http-equiv)标签详解的更多相关文章

  1. html标签详解

    html标签详解   <!DOCTYPE> 标签 <!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前. <!DOCTYPE ...

  2. html标签详解(1)

     http标签详解及讲解        1.基础标签 <!DOCTYPE html> <!--表示文本类型--> <html> <!--<html> ...

  3. html常用标签详解

    html常用标签详解 一.总结 一句话总结: 这些资料没必要自己总结,可以直接网上找,简单方便,再根据需求改一下 二.HTML常用标签详解 转自或参考:HTML常用标签详解https://blog.c ...

  4. Meta标签详解(HTML JAVASCRIPT)

    Meta标签详解,在网上转的,希望对大家有用 您的个人网站即使做得再精彩,在“浩瀚如海”的网络空间中,也如一叶扁舟不易为人发现,如何推广 个人网站,人们首先想到的方法无外乎以下几种: ● 在搜索引擎中 ...

  5. 网页设计:Meta标签详解

    很多人忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧! META标签是HTML语言HEAD区的一个辅 ...

  6. meta标签详解(meta标签的作用)///////////////////////////转

    meta标签详解(meta标签的作用) 很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧   ...

  7. html标签详解(2)

    http标签详解 声明 1:这里的文字都是我从我自己csdn账号拷贝过来,是本人学习总结的结晶,所以请尊重本作品.2:如要要转载本文章,则要说明文字的出处.3:如有哪里不对欢迎指出. 在上一篇文章中主 ...

  8. 转:springmvc常用注解标签详解

    Spring5:@Autowired注解.@Resource注解和@Service注解 - IT·达人 - 博客园--这篇顺序渐进,讲得超级好--此人博客很不错http://www.cnblogs.c ...

  9. embed标签详解

    HTML-embed标签详解 Embed(一).基本语法:embed src=url说明:embed可以用来插入各种多媒体,格式可以是 Midi.Wav.AIFF.AU.MP3等等,      Net ...

  10. Meta标签详解

    [转载]Meta标签详解 Posted on 2005-05-17 20:00 二十四画生 阅读(54195) 评论(102)  编辑 收藏 Meta标签详解,在网上转的,希望对大家有用 引言 您的个 ...

随机推荐

  1. webstorm编辑器设置为vim的方法

    首先有这个插件,其设置如下,选中即可 打开和关闭方法: https://www.jetbrains.com/help/webstorm/vim-emulation.html https://plugi ...

  2. 发布android apk,Error running app: No target device found.

    https://developer.android.com/studio/run/device.html\ 一台android设备不识别,android文档还挺全 需要安装usb驱动链接里有

  3. JS方面重点摘要(二)

    1.函数声明与函数表达式 (1)变量声明会置顶提前,但赋值仍在原地方(2)函数声明同变量声明一样会提前:但是,函数表达式没有提前,就相当于平时的变量赋值(3)函数声明会覆盖变量声明,但不会覆盖变量赋值 ...

  4. ElasticSearch 安装中文分词器

    1.安装中文分词器IK 下载地址:https://github.com/medcl/elasticsearch-analysis-ik 在线下载安装: elasticsearch-plugin.bat ...

  5. android Broadcast 总结

    1, 生命周期 在android官方文档中,推荐我们在onResume中进行 registerReceiver, 在onPause中进行unRegisterReceiver. 他们给出的理由是: If ...

  6. smarty在循环的时候计数来显示这是第几次循环的功能

    想必有很多人比较喜欢这个smarty循环的时候有个变量增加的功能或比较需要这个功能吧?其实不需要额外的变量,当然你也许根本用不了.我们用smarty内置的就可以了.就是smarty有foreach和s ...

  7. hdu4671 思维构造

    pid=4671">http://acm.hdu.edu.cn/showproblem.php? pid=4671 Problem Description Makomuno has N ...

  8. hdu 4865 Peter&#39;s Hobby (隐马尔可夫模型 dp)

    Peter's Hobby Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) To ...

  9. 你真的了解装箱(Boxing)和拆箱(Unboxing)吗?

    所谓装箱就是装箱是将值类型转换为 object 类型或由此值类型实现的任一接口类型的过程.而拆箱就是反过来了.很多人可能都知道这一点,但是是否真的就很了解boxing和unboxing了呢?可以看下下 ...

  10. vue-router 运行机制 及 底层原理

    1.测试页面 index.html <!DOCTYPE html> <html lang="en"> <head> <meta chars ...