Meta http-equiv屬性詳解(轉(zhuǎn))

原博客地址

??????? 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的時間格式。

有沒有默認(rèn)有效期 ???

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"
注意: 瀏覽器根據(jù)此設(shè)定規(guī)則解析html文件;

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è)定進(jìn)入、離開頁面時的特殊效果

<meta http-equiv="Page-Enter"    contect="revealTrans(duration=1.0,transtion=    12)">
<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、清除緩存(再訪問這個網(wǎng)站要重新下載?。?/h4>
<meta http-equiv="cache-control" content="no-cache">  

10、關(guān)鍵字,給搜索引擎用的

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 

11、頁面描述

<meta http-equiv="description" content="This is my page"> 

也就是搜索引擎搜索結(jié)果標(biāo)題下方的描述性內(nèi)容;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • http-equiv顧名思義,相當(dāng)于http的文件頭作用,它可以向瀏覽器傳回一些有用的信息,以幫助正確和精確地顯示...
    hope7th閱讀 349評論 0 0
  • http-equiv--http的文件頭,他可以向瀏覽器傳回一些有用的的信息,讓網(wǎng)頁顯示正確的信息,與之對應(yīng)的屬性...
    丫3閱讀 2,384評論 0 1
  • http-equiv顧名思義,相當(dāng)于http的文件頭作用,它可以向瀏覽器傳回一些有用的信息,以幫助正確和精確地顯示...
    qhaobaba閱讀 269評論 0 0
  • http-equiv顧名思義,相當(dāng)于http的文件頭作用,它可以向瀏覽器傳回一些有用的信息,以幫助正確和精確地顯示...
    鹿啦啦zz閱讀 1,527評論 0 0
  • 移動設(shè)備相關(guān) 0.視口 1.打開手機瀏覽器對webAPP全屏樣式支持注意:只有當(dāng)頁面往下滑動時(手勢上拉),頂部瀏...
    風(fēng)月燈閱讀 571評論 0 0

友情鏈接更多精彩內(nèi)容