http-equiv顧名思義垄潮,相當(dāng)于http的文件頭作用奇瘦,它可以向瀏覽器傳回一些有用的信息桩卵,以幫助正確和精確地顯示網(wǎng)頁內(nèi)容验靡,與之對應(yīng)的屬性值為content,content中的內(nèi)容其實就是各個參數(shù)的變量值吸占。
meat標(biāo)簽的http-equiv屬性語法格式是:
<meta http-equiv="參數(shù)" content="參數(shù)變量值">晴叨;
其中http-equiv屬性主要有以下幾種參數(shù):
1. Expires(期限)
說明:可以用于設(shè)定網(wǎng)頁的到期時間。一旦網(wǎng)頁過期矾屯,必須到服務(wù)器上重新傳輸。
用法:
<meta http-equiv= "expires" content =="Wed, 20 Jun 2007 22:33:00 GMT" >
注意:必須使用GMT的時間格式初厚。
2. Pragma(cache模式)
說明:是用于設(shè)定禁止瀏覽器從本地機的緩存中調(diào)閱頁面內(nèi)容件蚕,設(shè)定后一旦離開網(wǎng)頁就無法從Cache中再調(diào)出
用法:
<meta http-equiv="Pragma" content="no-cache">
注意:這樣設(shè)定,訪問者將無法脫機瀏覽产禾。
3. Refresh(刷新)
說明:自動刷新并指向新頁面排作。
用法:
<meta http-equiv="Refresh" content="2;URL=http://www.net.cn/">
注意:其中的2是指停留2秒鐘后自動刷新到URL網(wǎng)址亚情。
4. Set-Cookie(cookie設(shè)定)
說明:如果網(wǎng)頁過期妄痪,那么存盤的cookie將被刪除。
用法:
<meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT楞件; path=/">
注意:必須使用GMT的時間格式衫生。
5. Window-target(顯示窗口的設(shè)定)
說明:強制頁面在當(dāng)前窗口以獨立頁面顯示。
用法:
<meta http-equiv="Window-target" content="_top">
注意:用來防止別人在框架里調(diào)用自己的頁面土浸。
6. content-Type(顯示字符集的設(shè)定)
說明:設(shè)定頁面使用的字符集罪针。
用法:
<meta http-equiv="content-Type" content="text/html; charset=gb2312">
7. Pics-label(網(wǎng)頁等級評定)
用法:
<meta http-equiv="Pics-label" contect="">
說明:在IE的internet選項中有一項內(nèi)容設(shè)置,可以防止瀏覽一些受限制的網(wǎng)站黄伊,而網(wǎng)站的限制級別就是通過meta屬性來設(shè)置的泪酱。
8. Page_Enter、Page_Exit
設(shè)定進入頁面時的特殊效果
<meta http-equiv="Page-Enter" contect="revealTrans(duration=1.0,transtion=12)">
設(shè)定離開頁面時的特殊效果
<meta http-equiv="Page-Exit" contect="revealTrans(duration=1.0,transtion= 12)">
Duration的值為網(wǎng)頁動態(tài)過渡的時間还最,單位為秒墓阀。
Transition是過渡方式,它的值為0到23拓轻,分別對應(yīng)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 隨機產(chǎn)生一種過渡方式
9. cache-control
清除緩存(再訪問這個網(wǎng)站要重新下載!)
<meta http-equiv="cache-control" content="no-cache">
10. keywords
關(guān)鍵字,給搜索引擎用的
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
11. description 頁面描述
<meta http-equiv="description" content="This is my page">
12. X-UA-Compatible兼容
<meta http-equiv="X-UA-Compatible" content="edge" />
X-UA-Compatible是IE8的一個專有<meta>屬性悦即,它告訴IE8采用何種IE版本去渲染網(wǎng)頁吮成。Edge 模式通知 Windows Internet Explorer 以最高級別的可用模式顯示內(nèi)容橱乱,這實際上破壞了“鎖定”模式。
寫給對<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">迷惑不解的小伙伴