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

是合在一起用的。

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

相关文章