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. nodeJs 模块cookie-session api文档中文翻译,偶自己翻译的

      原文英文文档链接点击 说明 简单的 基于cookie的 session中间件 安装 它是一个可以用npm注册的node模块,可以通过npm install命令安装 npm install cookie ...

    2. Java的基本程序设计结构(上)

      在Java中,每一个变量属于一种类型(type).在声明变量时,变量所属的类型位于变量名之前. 例如: double salary; int vacationDays; long earthPopul ...

    3. isMemberOfClass和isKindOfClass的区别

      1.isMemberOfClass:作用:用于判断一个对象是否属于当前这个类   Person *rose = [[Person alloc] init];          if ([rose is ...

    4. php 中常见的函数及系统常量

      1.判断是否存在某函数: function_exists('memory_get_usage'): 2.统计程序执行到某节点消耗的系统内存: memory_get_usage(); 3.当前访问目录的 ...

    5. Tomcat 实现双向SSL认证

      大概思路: 使用openssl生产CA证书,使用keytool生产密钥库 实验环境:RHEL6.4+Tomcat8 一.生成CA根证书,并自签名 1.生成CA密钥 # genrsa [产生密钥命令] ...

    6. information_schema系列八(事物,锁)

      今天我们主要看一下MySQL information_schema里面的关于innodb的锁和事物的两三个系统表: 看一下锁对应的sql: select * from innodb_lock_wait ...

    7. 如何理解JS回调函数

      1.回调函数英文解释: A callback is a function that is passed as an argument to another function and is execut ...

    8. http://www.cnblogs.com/zhaoguihua/tag/%E9%AB%98%E6%80%A7%E8%83%BD%E7%BD%91%E7%AB%99/

      http://www.cnblogs.com/zhaoguihua/tag/%E9%AB%98%E6%80%A7%E8%83%BD%E7%BD%91%E7%AB%99/

    9. 采用css实现流动的边框

      问题起缘一个曾经做过的项目, 类似excel那样, 选中单元格并复制或粘贴时有个边框流动的效果, like this: 在前端要作出这种效果可能方法并不少, 不过我只想到了2种, 真边框与假边框, 真 ...

    10. Sublime Text 3 汉化小技巧

      Sublime Text 3 简体中文汉化包使用方法 1.将下载的sublime_text3汉化包文件解压,得到的Default.sublime-package 文件.打开sublime text 3 ...