mate标签详解(转)

作者 新城 日期 2018-01-15
web
mate标签详解(转)

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

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

1、Expires(期限)

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

用法:
Html代码

1
2
3
<meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT">
//设置每次访问都需要请求最新html代码
<meta http-equiv="Expires" content="0">

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

2、Pragma(cache模式)

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

用法:
Html代码

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

3、Refresh(刷新)

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

用法:
Html代码

http-equiv
1
2
3
4
5
6
7
8
9

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

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

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

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

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

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

用法:
Html代码

1
2
<meta http-equiv="Window-target" content="_top">
// _blank、_top、_self、_parent

-blank 在新窗口显示
-top 当前整个窗口显示
-parent 父容器显示,比如框架嵌套
-self 当前容器显示,比如框架嵌套
注意: 用来防止别人在框架里调用自己的页面

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

说明:设定页面使用的字符集。
用法:
Html代码

1
2
<meta http-equiv="content-Type" content="text/html; charset=gb2312"> // ===
<meta charset="UTF-8">

8、Page_Enter、Page_Exit

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

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

设定离开页面时的特殊效果
Html代码 收藏代码
<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、清除缓存(再访问这个网站要重新下载!)

Html代码

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

10、设定网页的到期时间

Html代码

http-equiv
1
2
3

### 11、关键字,给搜索引擎用的
Html代码


1
2
3

### 12.页面描述
Html代码


`