meta標籤包含兩個部分
http-equiv
name
===================================================================================================================
關於http-equiv
HTTP-EQUIV類似於HTTP的頭部協議,它迴應給瀏覽器一些有用的信息
http協議是用於和服務器通信,http-equiv用於和瀏覽器
常用的HTTP-EQUIV類型有:
1、Content-Type和Content-Language
用法:<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">
<Meta http-equiv="Content-Language" Content="zh-CN">
該META標籤定義了HTML頁面所使用的字符集爲GB2132,就是國標漢字碼。
如果將其中的“charset=GB2312”替換成“BIG5”,則該頁面所用的字符集就是繁體中文Big5碼。
當你瀏覽一些國外的站點時,IE瀏覽器會提示你要正確顯示該頁面需要下載xx語支持。這個功能就是通過讀取HTML頁面META標籤的Content-Type屬性而得知需要使用哪種字符集顯示該頁面的。如果系統裏沒有裝相應的字符集,則IE就提示下載。其他的語言也對應不同的charset,比如日文的字符集是“iso-2022-jp ”,韓文的是“ks_c_5601”。
Content-Type的Content還可以是:text/xml等文檔類型;
Charset選項:ISO-8859-1(英文)、BIG5、UTF-8、SHIFT-Jis、Euc、Koi8-2、us-ascii, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp,euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1,x-cns11643-2等字符集;Content-Language的Content還可以是:EN、FR等語言代碼。
2、Refresh
說明:讓網頁多長時間(秒)刷新自己,或在多長時間後讓網頁自動鏈接到其它網頁。
用法:<Meta http-equiv="Refresh" Content="30">
<Meta http-equiv="Refresh" Content="5; Url=http://www.xia8.net">
注意:其中的5是指停留5秒鐘後自動刷新到URL網址。
3、Expires (期限
說明:指定網頁在緩存中的過期時間,一旦網頁過期,必須到服務器上重新調閱。
用法:<Meta http-equiv="Expires" Content="0">
<Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT">
注意:必須使用GMT(標準時間,中國的時間=GMT+8)的時間格式,或直接設爲0(數字表示多少時間後過期)。
4、Pragma (cach模式)
說明:禁止瀏覽器從本地機的緩存中調閱頁面內容。
用法:
注意:網頁不保存在緩存中,每次訪問都刷新頁面。這樣設定,訪問者將無法脫機瀏覽。
5、Set-Cookie (cookie設定)
說明:瀏覽器訪問某個頁面時會將它存在緩存中,下次再次訪問時就可從緩存中讀取,以提高速度。當你希望訪問者每次都刷新你廣告的圖標,或每次都刷新你的計數器,就要禁用緩存了。通常HTML文件沒有必要禁用緩存,對於ASP等頁面,就可以使用禁用緩存,因爲每次看到的頁面都是在服務器動態生成的,緩存就失去意義。如果網頁過期,那麼存盤的cookie將被刪除。
用法:<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,
21-Oct-98 16:14:21 GMT; path=/">
注意:必須使用GMT的時間格式。
6、Window-target (顯示窗口的設定)
說明:強制頁面在當前窗口以獨立頁面顯示。
用法:<Meta http-equiv="Widow-target" Content="_top">
注意:這個屬性是用來防止別人在框架裏調用你的頁面。Content選項:_blank、_top、_self、_parent.
7、Pics-label (網頁RSAC等級評定)
說明:在IE的Internet選項中有一項內容設置,可以防止瀏覽一些受限制的網站,而網站的限制級別就是通過該參數來設置的。
用法::<META http-equiv="Pics-label" Contect="(PICS-1.1'http://www.rsac.org/ratingsv01.html'I gen comment 'RSACi North America Sever' by '[email protected]'for 'http://www.microsoft.com' on '1997.06.30T14:21-0500' r(n0 s0 v0 l0))">
注意:不要將級別設置的太高。RSAC的評估系統提供了一種用來評價Web站點內容的標準。用戶可以設置Microsoft Internet Explorer(IE3.0以上)來排除包含有色情和暴力內容的站點。上面這個例子中的HTML取自Microsoft的主頁。代碼中的(n 0 s 0 v 0 l 0)表示該站點不包含不健康內容。級別的評定是由RSAC,即美國娛樂委員會的評級機構評定的,如果你想進一步瞭解RSAC評估系統的等級內容,或者你需要評價自己的網站,可以訪問RSAC的站點:http://www.rsac.org/.
8、Page-Enter、Page-Exit (進入與退出)
說明:這個是頁面被載入和調出時的一些特效。
用法:<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)">
<Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">
=================================================================================name
name的content指定實際內容。如:如果指定level(等級)爲value(值),則Content可能是beginner(初級)、intermediate(中級)、advanced(高級)。
1、Keywords (關鍵字)
說明:爲搜索引擎提供的關鍵字列表
用法:<Meta name="Keywords" Content="關鍵詞1,關鍵詞2,關鍵詞3,關鍵詞4,……">
注意:各關鍵詞間用英文逗號“,”隔開。META的通常用處是指定搜索引擎用來提高搜索質量的關鍵詞。當數個META元素提供文檔語言從屬信息時,搜索引擎會使用lang特性來過濾並通過用戶的語言優先參照來顯示搜索結果。例如:
<Meta name="Kyewords" Lang="EN" Content="vacation,greece,sunshine">
<Meta name="Kyewords" Lang="FR" Content="vacances,grè:ce,soleil">
2、Description (簡介)
說明:Description用來告訴搜索引擎你的網站主要內容。
用法:<Meta name="Description" Content="你網頁的簡述">
注意:
3、Robots (機器人嚮導)
說明:Robots用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引。Content的參數有all、none、index、noindex、follow、nofollow。默認是all。
用法:<Meta name="Robots" Content="All|None|Index|Noindex|Follow|Nofollow">
注意:許多搜索引擎都通過放出robot/spider搜索來登錄網站,這些robot/spider就要用到meta元素的一些特性來決定怎樣登錄。
all:文件將被檢索,且頁面上的鏈接可以被查詢;
none:文件將不被檢索,且頁面上的鏈接不可以被查詢;(和 "noindex, no follow" 起相同作用)
index:文件將被檢索;(讓robot/spider登錄)
follow:頁面上的鏈接可以被查詢;轉自環 球 網校edu24ol.com轉自環 球 網校edu24ol.com轉自環 球 網校edu24ol.com
noindex:文件將不被檢索,但頁面上的鏈接可以被查詢;(不讓robot/spider登錄)
nofollow:文件將不被檢索,頁面上的鏈接可以被查詢。(不讓robot/spider順着此頁的連接往下探找)
4、Author (作者)
說明:標註網頁的作者或製作組
用法:<Meta name="Author" Content="張三,[email protected]">
注意:Content可以是:你或你的製作組的名字,或Email
5、Copyright (版權)
說明:標註版權轉自環 球 網校edu24ol.com轉自環 球 網校edu24ol.com轉自環 球 網校edu24ol.com
用法:<Meta name="Copyright" Content="本頁版權歸Zerospace所有。All Rights Reserved">
注意:
6、Generator (編輯器)
說明:編輯器的說明
用法:<Meta name="Generator" Content="PCDATA|FrontPage|">
注意:Content="你所用編輯器"
7、revisit-after (重訪)
說明:
用法:<META name="revisit-after" CONTENT="7 days" >
====================================================================================
★Head中的其它一些用法
1、scheme (方案)
說明:scheme can be used when name is used to specify how the value of content shouldbe interpreted.
用法:<meta scheme="ISBN" name="identifier" content="0-14-043205-1" />
注意:
2、Link (鏈接)
說明:鏈接到文件
用法:<Link href="soim.ico" rel="Shortcut Icon">
注意:很多網站如果你把她保存在收件夾中後,會發現它連帶着一個小圖標,如果再次點擊進入之後還會發現地址欄中也有個小圖標。現在只要在你的頁頭加上這段話,就能輕鬆實現這一功能。<LINK> 用來將目前文件與其它 URL 作連結,但不會有連結按鈕,用於 <HEAD> 標記間, 格式如下:
<link href="URL" rel="relationship">
<link href="URL" rev="relationship">
3、Base (基鏈接)
說明:插入網頁基鏈接屬性轉自環 球 網校edu24ol.com轉自環 球 網校edu24ol.com轉自環 球 網校edu24ol.com
用法:<Base href="http://www.xia8.net/" target="_blank">
注意:你網頁上的所有相對路徑在鏈接時都將在前面加上“http://www.cn8cn.com/”。其中target="_blank"是鏈接文件在新的窗口中打開,你可以做其他設置。將“_blank”改爲“_parent”是鏈接文件將在當前窗口的父級窗口中打開;改爲“_self”鏈接文件在當前窗口(幀)中打開;改爲“_top”鏈接文件全屏顯示。
以上是META標籤的一些基本用法,其中最重要的就是:Keywords和Description的設定。爲什麼呢?道理很簡單,這兩個語句可以讓搜索引擎能準確的發現你,吸引更多的人訪問你的站點!根據現在流行搜索引擎(Google,Lycos,AltaVista等)的工作原理,搜索引擎先派機器人自動在WWW上搜索,當發現新的網站時,便於檢索頁面中的Keywords和Description,並將其加入到自己的數據庫,然後再根據關鍵詞的密度將網站排序。
由此看來,我們必須記住添加Keywords和Description的META標籤,並儘可能寫好關鍵字和簡介。否則,
後果就會是:
● 如果你的頁面中根本沒有Keywords和Description的META標籤,那麼機器人是無法將你的站點加入數
據庫,網友也就不可能搜索到你的站點。
● 如果你的關鍵字選的不好,關鍵字的密度不高,被排列在幾十甚至幾百萬個站點的後面被點擊的可
能性也是非常小的。
寫好Keywords(關鍵字)要注意以下幾點: 轉自環 球 網校edu24ol.com轉自環 球 網校edu24ol.com轉自環 球 網校edu24ol.com
● 不要用常見詞彙。例如www、homepage、net、web等。
● 不要用形容詞,副詞。例如最好的,最大的等。
● 不要用籠統的詞彙,要儘量精確。例如“愛立信手機”,改用“T28SC”會更好。