1、概述css
A、http-equiv顧名思義,至關於http的文件頭做用,它能夠向瀏覽器傳回一些有用的信息,以幫助正確和精確地顯示網頁內容,與之對應的屬性值爲content,content中的內容其實就是各個參數的變量值。html
B、Cache-control用於控制HTTP緩存(在HTTP/1.0中可能部分沒實現,僅僅實現了Pragma: no-cache)apache
2、基本內容瀏覽器
meat標籤的http-equiv屬性語法格式是:<meta http-equiv="參數" content="參數變量值"> ;
其中http-equiv屬性主要有如下幾種參數:
一、Expires(期限)
說明:能夠用於設定網頁的到期時間。一旦網頁過時,必須到服務器上從新傳輸。
用法:緩存
1
|
<meta http-equiv=
"expires"
content=
"Wed, 20 Jun 2007 22:33:00 GMT"
>
|
注意:必須使用GMT的時間格式。 服務器
二、Pragma(cache模式) cookie
說明:是用於設定禁止瀏覽器從本地機的緩存中調閱頁面內容,設定後一旦離開網頁就沒法從Cache中再調出
用法:框架
<meta http-equiv="Pragma" content="no-cache">
|
注意:這樣設定,訪問者將沒法脫機瀏覽。 ide
三、Refresh(刷新)網站
說明:自動刷新並指向新頁面。
用法:
1
|
<meta http-equiv="Refresh" content="2;URL=http://www.net.cn/">
|
注意:其中的2是指停留2秒鐘後自動刷新到URL網址。
四、Set-Cookie(cookie設定)
1
|
<meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT; path=/">
|
注意:必須使用GMT的時間格式。
五、Window-target(顯示窗口的設定)
說明:強制頁面在當前窗口以獨立頁面顯示。
用法:
1
|
<meta http-equiv="Window-target" content="_top">
|
注意:用來防止別人在框架裏調用本身的頁面。
六、content-Type(顯示字符集的設定)
說明:設定頁面使用的字符集。
用法:
1
|
<meta http-equiv="content-Type" content="text/html; charset=gb2312">
|
七、Pics-label(網頁等級評定)
用法:
1
|
<
meta
http-equiv="Pics-label" contect="">
|
說明:在IE的internet選項中有一項內容設置,能夠防止瀏覽一些受限制的網站,而網站的限制級別就是經過meta屬性來設置的。
八、Page_Enter、Page_Exit
設定進入頁面時的特殊效果
1
|
<
meta
http-equiv="Page-Enter" contect="revealTrans(duration=1.0,transtion=12)">
|
設定離開頁面時的特殊效果
1
|
<
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 隨機產生一種過渡方式
九、清除緩存(再訪問這個網站要從新下載!)
1
|
<
meta
http-equiv="cache-control" content="no-cache">
|
1 數據包中的格式: 2 3 Cache-Control: cache-directive 4 5 cache-directive能夠爲如下: 6 7 request時用到: 8 9 | "no-cache" 10 | "no-store" 11 | "max-age" "=" delta-seconds 12 | "max-stale" [ "=" delta-seconds ] 13 | "min-fresh" "=" delta-seconds 14 | "no-transform" 15 | "only-if-cached" 16 | "cache-extension" 17 response時用到: 18 19 | "public" 20 | "private" [ "=" <"> field-name <"> ] 21 | "no-cache" [ "=" <"> field-name <"> ] 22 | "no-store" 23 | "no-transform" 24 | "must-revalidate" 25 | "proxy-revalidate" 26 | "max-age" "=" delta-seconds 27 | "s-maxage" "=" delta-seconds 28 | "cache-extension" 29 部分說明: 30 根據是否可緩存分爲 31 Public 指示響應可被任何緩存區緩存。 32 Private 指示對於單個用戶的整個或部分響應消息,不能被共享緩存處理。這容許服務器僅僅描述當用戶的 33 部分響應消息,此響應消息對於其餘用戶的請求無效。 34 no-cache 指示請求或響應消息不能緩存(HTTP/1.0用Pragma的no-cache替換) 35 根據什麼能被緩存 36 no-store 用於防止重要的信息被無心的發佈。在請求消息中發送將使得請求和響應消息都不使用緩存。 37 根據緩存超時 38 max-age 指示客戶機能夠接收生存期不大於指定時間(以秒爲單位)的響應。 39 min-fresh 指示客戶機能夠接收響應時間小於當前時間加上指定時間的響應。 40 max-stale 指示客戶機能夠接收超出超時期間的響應消息。若是指定max-stale消息的值,那麼客戶機能夠 41 接收超出超時期指定值以內的響應消息。 42 Expires 表示存在時間,容許客戶端在這個時間以前不去檢查(發請求),等同max-age的 43 效果。可是若是同時存在,則被Cache-Control的max-age覆蓋。 44 格式: 45 Expires = "Expires" ":" HTTP-date 46 例如 47 Expires: Thu, 01 Dec 1994 16:00:00 GMT (必須是GMT格式) 48 49 2.應用 50 經過HTTP的META設置expires和cache-control 51 <meta http-equiv="Cache-Control" content="max-age=7200" /> 52 <meta http-equiv="Expires" content="Mon, 20 Jul 2009 23:00:00 GMT" /> 53 上述設置僅爲舉例,實際使用其一便可。這樣寫的話僅對該網頁有效,對網頁中的圖片或其餘請求無效,並不會作任何cache。 54 這樣客戶端的請求就多了,儘管只是檢查Last-modified狀態的東西,可是請求一多對瀏覽速度一定有影響。 55 若是要對文件添加cache能夠經過apache的mod_expire模塊,寫法爲 56 <IfModule mod_expires.c> 57 ExpiresActive On 58 ExpiresDefault "access plus 1 days" 59 </IfModule> 60 記得ExpiresActive設爲On,我起先沒設置On,彷佛怎樣YSlow都查不到緩存機制。這樣添加的話就是默認全部的。 61 若是要針對個別MIME類型則能夠: 62 ExpiresByType image/gif "access plus 5 hours 3 minutes" 63 見 Apache Module mod_expires 64 另外,當點擊瀏覽器上的刷新,客戶端發送的請求中均是max-age=0,表示validate操做,發送請求到服務器 65 要求檢查cache,再更新cache,通常獲得的是304 Not Modified,表示沒變更。
十、設定網頁的到期時間
1
|
<
meta
http-equiv="expires" content="0">
|
十一、關鍵字,給搜索引擎用的
1
|
<
meta
http-equiv="keywords" content="keyword1,keyword2,keyword3">
|
12.頁面描述
1
|
<
meta
http-equiv="description" content="This is my page">
|
引用示例:
<!-- 下面三行是去除js和css緩存的 --> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" />