html meta標籤

meta是html語言head區的一個輔助性標籤。幾乎所有的網頁裏,我們可以看到類似下面這段的html代碼: 
<head> 
<meta http-equiv="content-Type" content="text/html; charset=gb2312"> 
</head> 

也許你認爲這些代碼可有可無。其實如果你能夠用好meta標籤,會給你帶來意想不到的效果,例如加入關鍵字會自動被大型搜索網站自動蒐集;可以設定頁面格式及刷新等等。 


一、meta標籤的組成 
meta標籤共有兩個屬性,它們分別是http-equiv屬性和name屬性,不同的屬性又有不同的參數值,這些不同的參數值就實現了不同的網頁功能。 
1、name屬性 
name屬性主要用於描述網頁,與之對應的屬性值爲content,content中的內容主要是便於搜索引擎機器人查找信息和分類信息用的。 
meat標籤的name屬性語法格式是:<meta name="參數" content="具體的參數值"> 。 
其中name屬性主要有以下幾種參數: 
A、Keywords(關鍵字) 
說明:keywords用來告訴搜索引擎你網頁的關鍵字是什麼。 
舉例:<meta name ="keywords" content="science, education,culture,politics,ecnomics,relationships, entertaiment, human"> 
B、description(網站內容描述) 
說明:description用來告訴搜索引擎你的網站主要內容。 
舉例:<meta name="description" content="This page is about the meaning of science, education,culture."> 
C、robots(機器人嚮導) 
說明:robots用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引。 
content的參數有all,none,index,noindex,follow,nofollow。默認是all。 
舉例:<meta name="robots" content="none"> 
D、author(作者) 
說明:標註網頁的作者 

舉例:<meta name="author" content="bluebox,[email protected]">

2、http-equiv屬性 
http-equiv顧名思義,相當於http的文件頭作用,它可以向瀏覽器傳回一些有用的信息,以幫助正確和精確地顯示網頁內容,與之對應的屬性值爲content,content中的內容其實就是各個參數的變量值。 
標籤的http-equiv屬性語法格式是: 
< http-equiv="參數"content="參數變量值">; 
其中http-equiv屬性主要有以下幾種參數: 
A、Expires(期限) 
說明:可以用於設定網頁的到期時間。一旦網頁過期,必須到服務器上重新傳輸。 
用法:< http-equiv="expires"content="Fri,12Jan200118:18:18GMT"> 
注意:必須使用GMT的時間格式。 
B、Pragma(cache模式) 
說明:禁止瀏覽器從本地計算機的緩存中訪問頁面內容。 
用法:< http-equiv="Pragma"content="no-cache"> 
注意:這樣設定,訪問者將無法脫機瀏覽。 
C、Refresh(刷新) 
說明:自動刷新並指向新頁面。 
用法:< http-equiv="Refresh"content="2;URL=http://www.herohome.net">(注意後面的引號,分別在秒數的前面和網址的後面) 
注意:其中的2是指停留2秒鐘後自動刷新到URL網址。 
D、Set-Cookie(cookie設定) 
說明:如果網頁過期,那麼存盤的cookie將被刪除。 
用法:< http-equiv="Set-Cookie"content="cookievalue=xxx;expires=Friday,12-Jan-200118:18:18GMT;path=/"> 
注意:必須使用GMT的時間格式。 
E、Window-target(顯示窗口的設定) 
說明:強制頁面在當前窗口以獨立頁面顯示。 
用法:< http-equiv="Window-target"content="_top"> 
注意:用來防止別人在框架裏調用自己的頁面。 
F、content-Type(顯示字符集的設定) 
說明:設定頁面使用的字符集。 
用法:< http-equiv="content-Type"content="text/html;charset=gb2312"> 
G、content-Language(顯示語言的設定) 
用法:< http-equiv="Content-Language"content="zh-cn"/> 
H、Cache-Control指定請求和響應遵循的緩存機制。 
Cache- Control指定請求和響應遵循的緩存機制。在請求消息或響應消息中設置Cache-Control並不會修改另一個消息處理過程中的緩存處理過程。請求時的緩存指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-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消息的值,那麼客戶機可以接收超出超時期指定值之內的響應消息

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章