1. 程式人生 > >html中head裡的meta標籤的用法

html中head裡的meta標籤的用法

meta標籤分兩大部分:HTTP-EQUIV和NAME變數。

●HTTP-EQUIV類似於HTTP的頭部協議,它迴應給瀏覽器一些有用的資訊,以幫助正確和精確
地顯示網頁內容。常用的HTTP-EQUIV型別有:

1.expires(期限)
說明:可以用於設定網頁的到期時間。一旦網頁過期,必須到伺服器上重新調閱。
用法:<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
注意:必須使用GMT的時間格式。

2.Pragma(cach模式)
說明:禁止瀏覽器從本地機的快取中調閱頁面內容。
用法:<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
注意:這樣設定,訪問者將無法離線瀏覽。

3.Refresh(重新整理)
說明:需要定時讓網頁自動連結到其它網頁的話,就用這句了。
用法:<META HTTP-EQUIV="Refresh" CONTENT="5;URL=
http://www.yahoo.com
">
注意:其中的5是指停留5秒鐘後自動重新整理到URL網址。

4.Set-Cookie(cookie設定)
說明:如果網頁過期,那麼存檔的cookie將被刪除。
用法:<META HTTP-EQUIV="Set-Cookie" CONTENT="cookievalue=xxx;
expires=Wednesday, 21-Oct-98 16:14:21 GMT; path=/">
注意:必須使用GMT的時間格式。

5.Window-target(顯示視窗的設定)
說明:強制頁面在當前視窗以獨立頁面顯示。
用法:<META HTTP-EQUIV="Window-target" CONTENT="_top">
注意:用來防止別人在框架裡呼叫你的頁面。

5.Content-Type(顯示字符集的設定)
說明:設定頁面使用的字符集。(我們在前面字型設計中已經介紹過它的作用)


用法:<meta http-equiv="Content-Type" content="text/html; charset=gb2312">


●meat標籤的NAME變數語法格式是:
<META NAME="xxx" CONTENT="xxxxxxxxxxxxxxxxxx">
其中xxx主要有下面幾種引數:

1.Keywords(關鍵字)
說明:keywords用來告訴搜尋引擎你網頁的關鍵字是什麼。
舉例:<META NAME ="keywords" CONTENT="life, universe, mankind, plants,
relationships, the meaning of life, science">

2.description(簡介)
說明:description用來告訴搜尋引擎你的網站主要內容。
舉例:<META NAME="description" CONTENT="This page is about the meaning of
life, the universe, mankind and plants.">

3.robots(機器人嚮導)
說明:robots用來告訴搜尋機器人哪些頁面需要索引,哪些頁面不需要索引。
CONTENT的引數有all,none,index,noindex,follow,nofollow。預設是all。
舉例:<META NAME="robots" CONTENT="none">

4.author(作者)
說明:標註網頁的作者
舉例:<META name="AUTHOR" content="ajie,
[email protected]
">

以上是meta標籤的一些基本用法,其中最重要的就是:Keywords和description的設定。

為什麼呢?道理很簡單,這兩個語句可以讓搜尋引擎能準確的發現你,吸引更多的人訪問
你的站點!

根據現在流行搜尋引擎(Lycos,AltaVista等)的工作原理,搜尋引擎首先派出機器人自動
在www上搜索,當發現新的網站時,便檢索頁面中的keywords和decription,並將其加入到自
己的資料庫,然後再根據關鍵詞的密度將網站排序。

也就是說:
1. 如果你的頁面中根本沒有Keywords和description的meta標籤,那麼機器人是
無法將你的站點加入資料庫,網友也就不可能搜尋到你的站點。

2. 如果你的關鍵字選的不好,關鍵字的密度不高,被排列在幾十甚至幾百萬個站點的後面
被點選的可能性也是非常小的。