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

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


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

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

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

3、Refresh(刷新) 
说明:自动刷新并指向新页面。 
用法:

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


4、Set-Cookie(cookie设定)
 
说明:如果网页过期,那么存盘的cookie将被删除。 
用法:

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

5、Window-target(显示窗口的设定) 
说明:强制页面在当前窗口以独立页面显示。 
用法:

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

6、content-Type(显示字符集的设定) 
说明:设定页面使用的字符集。 
用法:

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

  1. <meta http-equiv="Pics-label" contect="">  

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

8、Page_Enter、Page_Exit 
设定进入页面时的特殊效果

  1. <meta http-equiv="Page-Enter"    contect="revealTrans(duration=1.0,transtion=    12)">    

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

  1. <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    随机产生一种过渡方式

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

  1. <meta http-equiv="cache-control" content="no-cache">  

10、设定网页的到期时间

  1. <meta http-equiv="expires" content="0">  

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

  1. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  

12.页面描述

    Meta http-equiv属性详解(转)的更多相关文章

    1. Meta http-equiv的属性详解 来自wanglehui

      Meta http-equiv 语法标签格式:<meta http-equiv="参数" content="参数值"> 1."过期时间&q ...

    2. meta name="viewport" 属性详解

      随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行,移动互联应用开发也越来越受到人们的重视,用html5开发移动应用是最好的选择.然而,每一款手机有不同的分辨率,不同屏幕 ...

    3. border-sizing属性详解和应用

      box-sizing用于更改用于计算元素宽度和高度的默认的 CSS 盒子模型.它有content-box.border-box和inherit三种取值.inherit指的是从父元素继承box-sizi ...

    4. z-index属性详解

      z-index属性详解 目录 z-index属性详解 一.定义和用法 二.代码 三.效果图 一.定义和用法 z-index属性指定一个元素的堆叠顺序,也就是z轴 position属性定义的是x轴和y轴 ...

    5. css 14-CSS3属性详解:Web字体

      14-CSS3属性详解:Web字体 #前言 开发人员可以为自已的网页指定特殊的字体(将指定字体提前下载到站点中),无需考虑用户电脑上是否安装了此特殊字体.从此,把特殊字体处理成图片的方式便成为了过去. ...

    6. css 12-CSS3属性详解:动画详解

      12-CSS3属性详解:动画详解 #前言 本文主要内容: 过渡:transition 2D 转换 transform 3D 转换 transform 动画:animation #过渡:transiti ...

    7. css 11-CSS3属性详解(一)

      11-CSS3属性详解(一) #前言 我们在上一篇文章中学习了CSS3的选择器,本文来学一下CSS3的一些属性. 本文主要内容: 文本 盒模型中的 box-sizing 属性 处理兼容性问题:私有前缀 ...

    8. android:exported 属性详解

      属性详解 标签: android 2015-06-11 17:47 27940人阅读 评论(7) 收藏 举报 分类: Android(95) 项目点滴(25) 昨天在用360扫描应用漏洞时,扫描结果, ...

    9. OutputCache属性详解(一)一Duration、VaryByParam

      目录 OutputCache概念学习 OutputCache属性详解(一) OutputCache属性详解(二) OutputCache属性详解(三) OutputCache属性详解(四)— SqlD ...

    10. OutputCache属性详解(二)一 Location

      目录 OutputCache概念学习 OutputCache属性详解(一) OutputCache属性详解(二) OutputCache属性详解(三) OutputCache属性详解(四)— SqlD ...

    随机推荐

    1. Lucene的分析过程

      转自:http://www.open-open.com/lib/view/open1348033848724.html Lucene的分析过程 回顾倒排索引的构建 收集待建索引的原文档(Documen ...

    2. Java基础--定时任务Timer

      Java基础--定时任务Timer 一.Timer介绍 java.util.Timer java.util.TimerTask Timer是一个定时器类,通过该类可以为指定的定时任务进行配置.Time ...

    3. Encrypting bootloader (程序BIN文件加密及在线升级)

      了解更多关于bootloader 的C语言实现,请加我QQ: 1273623966 (验证信息请填 bootloader),欢迎咨询或定制bootloader(在线升级程序). 在上一个博客随笔,我介 ...

    4. cache-contro页面缓存处理设置

      <meta http-equiv="pragma" content="no-cache">,pragma与no-cache用于定义页面缓存,不缓存页 ...

    5. 向IPython Notebook中导入.py文件

      IPython Notebook使用起来简洁方便,但是有时候如果需要导入一个现有的.py文件,则需要注意选择导入的方法以达到不同的效果.目前遇到3种方法. (1) 将文件保存为.ipynb格式,直接拖 ...

    6. findViewById返回null

      Q:findViewById返回null? A: 代码逻辑错误: 最终,发现错误竟然是在layout文件中把android:id写成了android:name. android:name=" ...

    7. 如何优化cocos2d程序的内存使用和程序大小

      在我完成第一个游戏项目的时候,我深切地意识到"使用cocos2d来制作游戏的开发者们,他们大多会被cocos2d的内存问题所困扰".而我刚开始接触cocos2d的时候,社区里面的人 ...

    8. Ajax嵌套调用 (jquery) $.ajaxSettings.async = false;

      <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

    9. Jquery--动画

      动画: 1.show(),hide() 2..stop() .slideDown();  向下. .stop().slideUp();  向上 (可以做下拉)        .stop() 执行之前加 ...

    10. 第十二课:Sizzle引擎详解

      这篇博客难度太大,跟前端开发其实没什么关系,如果你想成为大牛,那就去了解下吧.如果你还不想,那可以忽略,毕竟面试官也不会问到这里来,因为他也不太懂.呵呵. Sizzle引擎是jQuery的选择器,它大 ...