META標簽，是HTML語言head區的一個輔助性標簽。在幾乎所有的page里，我們都可以看
到類似下面這段html代碼：
-----------------------------------------------
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
-----------------------------------------------
這就是meta標簽的典型運用。meta標簽有多少參數，有什么作用，為什么我們要特別重
視它呢？讓我們一起來發掘meta標簽的奧妙!
根據HTML語言標準注釋：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,ajie@netease.com">
以上是meta標簽的一些基本用法，其中最重要的就是:Keywords和description的設定。
為什么呢？道理很簡單，這兩個語句可以讓搜索引擎能準確的發現你，吸引更多的人訪問
你的站點!
根據現在流行搜索引擎(Lycos，AltaVista等)的工作原理,搜索引擎首先派出機器人自動
在www上搜索，當發現新的網站時，便檢索頁面中的keywords和decription，并將其加入到自
己的數據庫，然后再根據關鍵詞的密度將網站排序。
也就是說：
1. 如果你的頁面中根本沒有Keywords和description的meta標簽，那么機器人是
無法將你的站點加入數據庫，網友也就不可能搜索到你的站點。
2. 如果你的關鍵字選的不好，關鍵字的密度不高，被排列在幾十甚至幾百萬個站點的后面
被點擊的可能性也是非常小的。
所以,我們必須記住添加keywords和description的meta標簽，并盡可能寫好關鍵字和簡介。
寫keywords的禁忌是：
1.不要用常見詞匯。例如www,homepage,net,web等。
2.不要用形容詞，副詞。例如最好的，最大的等。
3.不要用籠統的詞匯，要盡量精確。例如不用"摩托羅拉手機",改用"V998"等
尋找合適的關鍵詞的一個技巧是：到lycos,Alta,infoseek等搜索引擎，搜索與你內容相仿
的網站，查看排名前十位的網站的meta關鍵字，copy下來用到自己的站點上。
這里，我們舉一段微軟多媒體網站的關鍵字供你參考：
<meta name="keywords" content="joke, music, MP3, media, audio,
joke of the day, downloads, free music, horoscope, radio, video,
music downloads, movies, radio station, media player, free,
download, weather, horoscopes, windows media technologies,
online, radio station guide, free download">
到類似下面這段html代碼：
-----------------------------------------------
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
-----------------------------------------------
這就是meta標簽的典型運用。meta標簽有多少參數，有什么作用，為什么我們要特別重
視它呢？讓我們一起來發掘meta標簽的奧妙!
根據HTML語言標準注釋：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,ajie@netease.com">
以上是meta標簽的一些基本用法，其中最重要的就是:Keywords和description的設定。
為什么呢？道理很簡單，這兩個語句可以讓搜索引擎能準確的發現你，吸引更多的人訪問
你的站點!
根據現在流行搜索引擎(Lycos，AltaVista等)的工作原理,搜索引擎首先派出機器人自動
在www上搜索，當發現新的網站時，便檢索頁面中的keywords和decription，并將其加入到自
己的數據庫，然后再根據關鍵詞的密度將網站排序。
也就是說：
1. 如果你的頁面中根本沒有Keywords和description的meta標簽，那么機器人是
無法將你的站點加入數據庫，網友也就不可能搜索到你的站點。
2. 如果你的關鍵字選的不好，關鍵字的密度不高，被排列在幾十甚至幾百萬個站點的后面
被點擊的可能性也是非常小的。
所以,我們必須記住添加keywords和description的meta標簽，并盡可能寫好關鍵字和簡介。
寫keywords的禁忌是：
1.不要用常見詞匯。例如www,homepage,net,web等。
2.不要用形容詞，副詞。例如最好的，最大的等。
3.不要用籠統的詞匯，要盡量精確。例如不用"摩托羅拉手機",改用"V998"等
尋找合適的關鍵詞的一個技巧是：到lycos,Alta,infoseek等搜索引擎，搜索與你內容相仿
的網站，查看排名前十位的網站的meta關鍵字，copy下來用到自己的站點上。
這里，我們舉一段微軟多媒體網站的關鍵字供你參考：
<meta name="keywords" content="joke, music, MP3, media, audio,
joke of the day, downloads, free music, horoscope, radio, video,
music downloads, movies, radio station, media player, free,
download, weather, horoscopes, windows media technologies,
online, radio station guide, free download">
标签：
推薦設計
優秀海報設計精選集（8）海報設計2022-09-23
充滿自然光線！32平米精致裝修設計2022-08-14
親愛的圖書館 | VERSE雜誌版版式設計2022-07-11
生活，就該這麼愛！2022天海報設計2022-06-02
最新文章
用css實現文字的自動隱藏html+css2011-11-14
常用CSS縮寫語法總結html+css2011-11-14
用CSS設計高用戶體驗的whtml+css2011-11-14
由淺入深漫談margin屬性html+css2011-11-14
