meta标签下http-equiv 属性详解

青旅半醒 2022-06-01 07:52 180阅读 0赞

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

语法格式：

###   1、属性概览 ###

<table> 
 <thead> 
  <tr> 
   <th>属性值</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Expires (期限)</td> 
   <td>可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输</td> 
  </tr> 
  <tr> 
   <td>Pragma (cache模式)</td> 
   <td>是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出</td> 
  </tr> 
  <tr> 
   <td>Refresh(刷新)</td> 
   <td>自动刷新并指向新页面</td> 
  </tr> 
  <tr> 
   <td>Set-Cookie(cookie设定)</td> 
   <td>如果网页过期，那么存盘的cookie将被删除。</td> 
  </tr> 
  <tr> 
   <td>Window-target(显示窗口的设定)</td> 
   <td>强制页面在当前窗口以独立页面显示。</td> 
  </tr> 
  <tr> 
   <td>content-Type(显示字符集的设定)</td> 
   <td>设定页面使用的字符集</td> 
  </tr> 
  <tr> 
   <td>Pics-label(网页等级评定)</td> 
   <td>在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的。</td> 
  </tr> 
  <tr> 
   <td>Page_Enter</td> 
   <td>进入页面的特殊效果</td> 
  </tr> 
  <tr> 
   <td>Page_Exit</td> 
   <td>离开页面的特殊效果</td> 
  </tr> 
 </tbody> 
</table>

###   2、Expires(期限) ###

> 可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。 必须使用GMT的时间格式。

###   3、Pragma(cache模式) ###

> 是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出 。注意：这样设定，访问者将无法脱机浏览。

###   4、Refresh(刷新) ###

> 自动刷新并指向新页面，其中的2是指停留2秒钟后自动刷新到URL网址。

###   5、Set-Cookie(cookie设定) ###

> 如果网页过期，那么存盘的cookie将被删除。 必须使用GMT的时间格式。

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

> 设定页面使用的字符集。

###   7、Pics-label(网页等级评定) ###

> 在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的。

###   8、Page\_Enter、Page\_Exit(进入、离开页面的效果) ###

Duration的值为网页动态过渡的时间，单位为秒。  
Transition是过渡方式，它的值为0到23，分别对应24种过渡方式。如下表：

<table> 
 <thead> 
  <tr> 
   <th>属性值</th> 
   <th>效果</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>0</td> 
   <td>盒状收缩</td> 
  </tr> 
  <tr> 
   <td>1</td> 
   <td>盒状放射</td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td>圆形收缩</td> 
  </tr> 
  <tr> 
   <td>3</td> 
   <td>圆形放射</td> 
  </tr> 
  <tr> 
   <td>4</td> 
   <td>由下往上</td> 
  </tr> 
  <tr> 
   <td>5</td> 
   <td>由上往下</td> 
  </tr> 
  <tr> 
   <td>6</td> 
   <td>从左至右</td> 
  </tr> 
  <tr> 
   <td>7</td> 
   <td>从右至左</td> 
  </tr> 
  <tr> 
   <td>8</td> 
   <td>垂直百叶窗</td> 
  </tr> 
  <tr> 
   <td>9</td> 
   <td>水平百叶窗</td> 
  </tr> 
  <tr> 
   <td>10</td> 
   <td>水平格状百叶窗</td> 
  </tr> 
  <tr> 
   <td>11</td> 
   <td>垂直格状百叶窗</td> 
  </tr> 
  <tr> 
   <td>12</td> 
   <td>随意溶解</td> 
  </tr> 
  <tr> 
   <td>13</td> 
   <td>从左右两端向中间展开</td> 
  </tr> 
  <tr> 
   <td>14</td> 
   <td>从中间向左右两端展开</td> 
  </tr> 
  <tr> 
   <td>15</td> 
   <td>从上下两端向中间展开</td> 
  </tr> 
  <tr> 
   <td>16</td> 
   <td>从中间向上下两端展开</td> 
  </tr> 
  <tr> 
   <td>17</td> 
   <td>从右上角向左下角展开</td> 
  </tr> 
  <tr> 
   <td>18</td> 
   <td>从右下角向左上角展开</td> 
  </tr> 
  <tr> 
   <td>19</td> 
   <td>从左上角向右下角展开</td> 
  </tr> 
  <tr> 
   <td>20</td> 
   <td>从左下角向右上角展开</td> 
  </tr> 
  <tr> 
   <td>21</td> 
   <td>水平线状展开</td> 
  </tr> 
  <tr> 
   <td>22</td> 
   <td>垂直线状展开</td> 
  </tr> 
  <tr> 
   <td>23</td> 
   <td>随机产生一种过渡方式</td> 
  </tr> 
 </tbody> 
</table>

###   9、清除缓存（再访问这个网站要重新下载） ###

###   10、设定网页的到期时间 ###

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

###   12、页面描述 ###