HTML中Meta标签中http-equiv属性小结

时间:2021-12-29 03:34:10

HTML中Meta标签中http-equiv的用法:

<meta http-equiv="这里是参数" content="这里是参数值">

1、Expires:设置一个网页的到期时间。如果网页过了设置的时间期限,网页就会过期,必须重新上传

<meta http-equiv="expires" content="Wed,10 Apr 2017 16:34:59 GMT">

2、Pragma:无法用浏览器从本地缓存中调用次网页内容。同时,访问者无法脱机浏览页面

<meta http-equiv="Param" content="no-cache">

3、Refresh:自动刷新页面到制定的页面

<meta http-equiv="Refresh" content="2;URL=https://www.baidu.com">

4、Set-Cookie:如果网页过期,则缓存中的cookie也会删除

<meta http-equiv="Set-Cookie" content = "cookievalue=xxx;expires=Wed,10 Apr 2017 16:44:59 GMT;path=/">

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" content="">

8、Page_Enter、Page_Exit:设置进入、退出页面的效果

<meta http-equiv="Page-Enter" content="revealTrans(duration=1.0,transtion =10)">
<meta http-equiv="Page-Exit" content="revealTrans(duration=1.0,transtion =10)">

其中:

duration:网页动态过渡时间(单位:秒)

transition:过渡方式。0~23分别代表不同的过渡方式

(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、cache-control:清除缓存

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

10、keywords、description:关键字、描述

<meta http-equiv="keywords" content="keyword,keywords,keywords">
<meta http-equiv="description" content="this is description">

通常情况下:

<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">

是合在一起用的。

这样可以清理缓存,再次访问该页面会重新加载。