1. 程式人生 > >html5頁面強大mate標籤彙總

html5頁面強大mate標籤彙總

小小的meta標籤對整個網站的貢獻是巨大的,來來~ 先敬仰膜拜一番再閱讀文章!!

注意:所有瀏覽器都支援 標籤。

設定頁面使用的字符集。

<meta http-equiv="content-Type"content="text/html;charset=UTF-8"> 

meta標籤的charset的資訊引數如GB2312時,代表說明網站是採用的編碼是簡體中文;
meta標籤的charset的資訊引數如UTF-8時,代表世界通用的語言編碼;

顯示語言的設定

<meta http-equiv="Content-Language"
content="zh-cn"/>

網站關鍵字

<meta name="keywords" content="HTML,ASP,PHP,SQL"/>

瀏覽器核心設定

<meta name="renderer" content="ie-stand">//預設用ie標準核心
<meta name="renderer" content="ie-comp">//預設用ie相容核心
<meta name="renderer" content="webkit">//預設用極速核
<meta name="renderer" content="webkit|ie-comp|ie-stand"
>
//多個核心名稱,之間以符號”|”進行分隔,瀏覽器將會按照從左到右的先後順序選擇其具備的渲染核心來處理當前網頁

裝置邏輯畫素寬度

<meta name="viewport" content="width=device-width, initial-scale=1.0">

網頁製作者資訊

<meta name="author" content="謝澤" />

關鍵字

網頁簡介說明(搜尋引擎優化地方)

<meta name="description" content="簡介內容" />

快取機制

Cache-Control指定請求和響應遵循的快取機制。

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />

Cache-Control指定請求和響應遵循的快取機制。在請求訊息或響應訊息中設定Cache-Control並不會修改另一個訊息處理過程中的快取處理過程。請求時的快取指令包括no-cache、no-store、max-age、max-stale、min-fresh、on
ly-if-cached,響應訊息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。各個訊息中的指令含義如下
Public指示響應可被任何快取區快取
Private指示對於單個使用者的整個或部分響應訊息,不能被共享快取處理。這允許伺服器僅僅描述當用戶的部分響應訊息,此響應訊息對於其他使用者的請求無效
no-cache指示請求或響應訊息不能快取
no-store用於防止重要的資訊被無意的釋出。在請求訊息中傳送將使得請求和響應訊息都不使用快取。
max-age指示客戶機可以接收生存期不大於指定時間(以秒為單位)的響應
min-fresh指示客戶機可以接收響應時間小於當前時間加上指定時間的響應
max-stale指示客戶機可以接收超出超時期間的響應訊息。如果指定max-stale訊息的值,那麼客戶機可以接收超出超時期指定值之內的響應訊息。

禁止快取

禁止瀏覽器從本地計算機的快取中訪問頁面內容。

<meta http-equiv="Pragma" content="no-cache" />

注意:這樣設定,訪問者將無法離線瀏覽。

網頁到期時間

可以用於設定網頁的到期時間。一旦網頁過期,必須到伺服器上重新傳輸

<meta http-equiv="Expires" content="0" />

注意:其中的2是指停留2秒鐘後自動重新整理到URL網址。

定時cookie

如果網頁過期,那麼存檔的cookie將被刪除。

<meta http-equiv="Set-Cookie"content="cookie value=xxx;expires=Friday,12-Jan-200118:18:18GMT;path=/"> 

注意:必須使用GMT的時間格式。

自動重新整理並指向新頁面。

<meta http-equiv="Refresh"content="2;URL=http://www.haorooms.com">//(注意後面的引號,分別在秒數的前面和網址的後面) 

獨立頁面顯示

強制頁面在當前視窗以獨立頁面顯示。

<meta http-equiv="Window-target"content="_top"> 

注意:用來防止別人在框架裡呼叫自己的頁面。

圖片工具欄

指定是否顯示圖片工具欄,當為false代表不顯示,當為true代表顯示。

<meta http-equiv="imagetoolbar"content="false"/> 

Content-Script-Type

<Meta http-equiv="Content-Script-Type"Content="text/javascript"> 

W3C網頁規範,指明頁面中指令碼的型別。

網頁索引

網頁告訴搜尋機器人嚮導對此網頁操作(用來告訴搜尋機器人哪些頁面需要索引,哪些頁面不需要索引)

<meta name="robots" content="all" />


content的引數有all,none,index,noindex,follow,nofollow。預設是all。如果在一個頁面不加入此標籤預設情況下content=”all”意思是搜尋並收錄抓取爬行此網頁及此網頁指向頁面。
搜尋引擎:robots取值
none 搜尋引擎將忽略此網頁,等價於noindex,nofollow。 
noindex 搜尋引擎不索引此網頁。 
nofollow 搜尋引擎不繼續通過此網頁的連結索引搜尋其它的網頁。 
all 搜尋引擎將索引此網頁與繼續通過此網頁的連結索引,等價於index,follow。 
index 搜尋引擎索引此網頁。 
follow 搜尋引擎繼續通過此網頁的連結索引搜尋其它的網頁。