开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 3 天，点击查看活动详情
摘要
http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。
还有一个是meta name的值不同，则显示html文件的不同表现。
这个语法的格式为：
＜meta http-equiv="参数" content="参数变量值"＞
Expires(期限)
说明：可以用于设定网页的到期时间。不过设置这个时间的格式必须使用GMT进行设置。
用法： Html代码
＜meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT"＞
//设置每次访问都需要请求最新html代码
<meta http-equiv="Expires" content="0">
缓存【Pragma】
说明： 是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出
用法： Html代码
＜meta http-equiv="Pragma" content="no-cache"＞
刷新【Refresh】
说明：自动刷新并指向新页面，5的意思是指几秒后跳转到某一个页面。
用法： Html代码
＜meta http-equiv="Refresh" content="5；URL=http://www.net.cn/"＞
cookie的设置【set-cookie】
表示的页面在某个时间时，会清楚cookie值，并且使用GMT时间的格式标准。
＜meta http-equiv="Set-Cookie"
content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT； path=/"＞
Window-target(显示窗口的设定)
说明：强制确定当前窗口以独立页面的方式显示，显示在具体的位置。
如下代码说明：
＜meta http-equiv="Window-target" content="_top"＞
// _blank、_top、_self、_parent
-blank 在新窗口显示 -top 当前整个窗口显示 -parent 父容器显示，比如框架嵌套 -self 当前容器显示，比如框架嵌套
注意： 用来防止别人在框架里调用自己的页面
content-Type(显示字符集的设定)
说明：**设定页面使用的字符集。 ** 用法： Html代码
＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞ // ===
<meta charset="UTF-8">
Page_Enter、Page_Exit【进入页面的特殊效果】
设定进入页面时的特殊效果 Html代码
<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 | 随机产生一种过渡方式 |
。
清除缓存
<meta http-equiv="cache-control" content="no-cach">
关键字
我其实也是第一次看到http-equiv还能够设置关键字的
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
复制代码<meta http-equiv="description" content="This is my page">
页面描述
Html代码
<meta http-equiv="description" content="This is my page">
meta标签常用的类型
<meta http-equiv="X-UA-Compatible" content="chrome=1"/>
IE定义的meta为什么会出现chrome呢？其实设置为chrome=1时，则会在IE9及以下浏览器中激活Chrome Frame,强制IE使用Chrome Frame渲染页面。
总结
如果页面是要顾及到seo的，那么对http中的head中设置的属性就要求会很多。我们通过设置name属性以及http-equiv属性来设置页面的一些作用，通过这些作用可以非常友好的对网站中，搜索引擎蜘蛛爬行的时候提供一定的帮助。
