HTML頁(yè)面Meta介紹

發(fā)布于：2016-06-30　瀏覽：5626

　　你的個(gè)人網(wǎng)站即使做得再精彩，在浩瀚如海的網(wǎng)絡(luò)空間中，也如一葉扁舟不易為人發(fā)現(xiàn)，如何推廣個(gè)人網(wǎng)站，人們首先想到的方法無(wú)外乎以下幾種：

　　●　在搜索引擎中登錄自己的個(gè)人網(wǎng)站

　　●　在知名網(wǎng)站加入你個(gè)人網(wǎng)站的鏈接

　　●　在論壇中發(fā)帖子宣傳你的個(gè)人網(wǎng)站

　　很多人卻忽視了HTML標(biāo)簽META的強(qiáng)大功效，一個(gè)好的META標(biāo)簽設(shè)計(jì)可以大大提高你的個(gè)人網(wǎng)站被搜索到的可能性，有興趣嗎，誰(shuí)我來(lái)重新認(rèn)識(shí)一下META標(biāo)簽吧！META標(biāo)簽是HTML語(yǔ)言HEAD區(qū)的一個(gè)輔助性標(biāo)簽，它位于HTML文檔頭部的<HEAD>標(biāo)記和<TITLE>標(biāo)記之間，它提供用戶不可見(jiàn)的信息。meta標(biāo)簽通常用來(lái)為搜索引擎robots定義頁(yè)面主題，或者是定義用戶瀏覽器上的cookie；它可以用于鑒別作者，設(shè)定頁(yè)面格式，標(biāo)注內(nèi)容提要和關(guān)鍵字；還可以設(shè)置頁(yè)面使其可以根據(jù)你定義的時(shí)間間隔刷新自己,以及設(shè)置RASC內(nèi)容等級(jí)，等等。

　　META標(biāo)簽分兩大部分：HTTP標(biāo)題信息(HTTP-EQUIV)和頁(yè)面描述信息(NAME)。

　　★HTTP-EQUIV

　　HTTP-EQUIV類似于HTTP的頭部協(xié)議，它回應(yīng)給瀏覽器一些有用的信息，以幫助正確和精確地顯示網(wǎng)頁(yè)內(nèi)容。常用的HTTP-EQUIV類型有：

　　1、Content-Type和Content-Language (顯示字符集的設(shè)定)

　　說(shuō)明：設(shè)定頁(yè)面使用的字符集，用以說(shuō)明主頁(yè)制作所使用的文字已經(jīng)語(yǔ)言，瀏覽器會(huì)根據(jù)此來(lái)調(diào)用相應(yīng)的字符集顯示page內(nèi)容。

　　用法：<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">

　　注意：該META標(biāo)簽定義了HTML頁(yè)面所使用的字符集為GB2132，就是國(guó)標(biāo)漢字碼。如果將其中的“charset=GB2312”替換成“BIG5”，則該頁(yè)面所用的字符集就是繁體中文Big5碼。當(dāng)你瀏覽一些國(guó)外的站點(diǎn)時(shí)，IE瀏覽器會(huì)提示你要正確顯示該頁(yè)面需要下載xx語(yǔ)支持。這個(gè)功能就是通過(guò)讀取HTML頁(yè)面META標(biāo)簽的Content-Type屬性而得知需要使用哪種字符集顯示該頁(yè)面的。如果系統(tǒng)里沒(méi)有裝相應(yīng)的字符集，則IE就提示下載。其它的語(yǔ)言也對(duì)應(yīng)不同的charset，比如日文的字符集是“iso-2022-jp ”，韓文的是“ks_c_5601”。

　　Content-Type的Content還可以是：text/xml等文檔類型；

　　Charset選項(xiàng)：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等語(yǔ)言代碼。

　　2、Refresh (刷新)

　　說(shuō)明：讓網(wǎng)頁(yè)多長(zhǎng)時(shí)間（秒）刷新自己，或在多長(zhǎng)時(shí)間后讓網(wǎng)頁(yè)自動(dòng)鏈接到其它網(wǎng)頁(yè)。

　　用法：<Meta http-equiv="Refresh" Content="30">

　　注意：其中的5是指停留5秒鐘后自動(dòng)刷新到URL網(wǎng)址。

　　3、Expires (期限)

　　說(shuō)明：指定網(wǎng)頁(yè)在緩存中的過(guò)期時(shí)間，一旦網(wǎng)頁(yè)過(guò)期，必須到服務(wù)器上重新調(diào)閱。

　　用法：<Meta http-equiv="Expires" Content="0">

　　注意：必須使用GMT的時(shí)間格式，或直接設(shè)為0(數(shù)字表示多少時(shí)間后過(guò)期)。

　　4、Pragma (cach模式)

　　說(shuō)明：禁止瀏覽器從本地機(jī)的緩存中調(diào)閱頁(yè)面內(nèi)容。

　　用法：<Meta http-equiv="Pragma" Content="No-cach">

　　注意：網(wǎng)頁(yè)不保存在緩存中，每次訪問(wèn)都刷新頁(yè)面。這樣設(shè)定，訪問(wèn)者將無(wú)法脫機(jī)瀏覽。

　　5、Set-Cookie (cookie設(shè)定)

　　說(shuō)明：瀏覽器訪問(wèn)某個(gè)頁(yè)面時(shí)會(huì)將它存在緩存中，下次再次訪問(wèn)時(shí)就可從緩存中讀取，以提高速度。當(dāng)你希望訪問(wèn)者每次都刷新你廣告的圖標(biāo)，或每次都刷新你的計(jì)數(shù)器，就要禁用緩存了。通常HTML文件沒(méi)有必要禁用緩存，對(duì)于ASP等頁(yè)面，就可以使用禁用緩存，因?yàn)槊看慰吹降捻?yè)面都是在服務(wù)器動(dòng)態(tài)生成的，緩存就失去意義。如果網(wǎng)頁(yè)過(guò)期，那么存盤的cookie將被刪除。

　　用法：<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,21-Oct-98 16:14:21 GMT; path=/">

　　注意：必須使用GMT的時(shí)間格式。

　　6、Window-target (顯示窗口的設(shè)定)

　　說(shuō)明：強(qiáng)制頁(yè)面在當(dāng)前窗口以獨(dú)立頁(yè)面顯示。

　　用法：<Meta http-equiv="Widow-target" Content="_top">

　　注意：這個(gè)屬性是用來(lái)防止別人在框架里調(diào)用你的頁(yè)面。Content選項(xiàng)：_blank、_top、_self、_parent。

　　7、Pics-label (網(wǎng)頁(yè)RSAC等級(jí)評(píng)定)

　　說(shuō)明：在IE的Internet選項(xiàng)中有一項(xiàng)內(nèi)容設(shè)置，可以防止瀏覽一些受限制的網(wǎng)站，而網(wǎng)站的限制級(jí)別就是通過(guò)該參數(shù)來(lái)設(shè)置的。

　　用法：<META http-equiv="Pics-label" Contect="(PICS－1.1'http://www.rsac.org/ratingsv01.html' I gen comment 'RSACi North America Sever' by 'inet@microsoft.com' for 'http://www.microsoft.com' on '1997.06.30T14:21－0500' r(n0 s0 v0 l0))">

　　注意：不要將級(jí)別設(shè)置的太高。RSAC的評(píng)估系統(tǒng)提供了一種用來(lái)評(píng)價(jià)Web站點(diǎn)內(nèi)容的標(biāo)準(zhǔn)。用戶可以設(shè)置Microsoft Internet Explorer（IE3.0以上）來(lái)排除包含有色情和暴力內(nèi)容的站點(diǎn)。上面這個(gè)例子中的HTML取自Microsoft的主頁(yè)。代碼中的（n 0 s 0 v 0 l 0）表示該站點(diǎn)不包含不健康內(nèi)容。級(jí)別的評(píng)定是由RSAC，即美國(guó)娛樂(lè)委員會(huì)的評(píng)級(jí)機(jī)構(gòu)評(píng)定的，如果你想進(jìn)一步了解RSAC評(píng)估系統(tǒng)的等級(jí)內(nèi)容，或者你需要評(píng)價(jià)自己的網(wǎng)站，可以訪問(wèn)RSAC的站點(diǎn)：http://www.rsac.org/。

　　8、Page-Enter、Page-Exit (進(jìn)入與退出)

　　說(shuō)明：這個(gè)是頁(yè)面被載入和調(diào)出時(shí)的一些特效。

　　用法：<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)">

　　注意：blendTrans是動(dòng)態(tài)濾鏡的一種，產(chǎn)生漸隱效果。另一種動(dòng)態(tài)濾鏡RevealTrans也可以用于頁(yè)面進(jìn)入與退出效果:

　　Duration　　表示濾鏡特效的持續(xù)時(shí)間(單位：秒)

　　Transition　濾鏡類型。表示使用哪種特效，取值為0-23。

　　0 矩形縮小

　　1 矩形擴(kuò)大

　　2 圓形縮小

　　3 圓形擴(kuò)大

　　4 下到上刷新

　　5 上到下刷新

　　6 左到右刷新

　　7 右到左刷新

　　8 豎百葉窗

　　9 橫百葉窗

　　10 錯(cuò)位橫百葉窗

　　11 錯(cuò)位豎百葉窗

　　12 點(diǎn)擴(kuò)散

　　13 左右到中間刷新

　　14 中間到左右刷新

　　15 中間到上下

　　16 上下到中間

　　17 右下到左上

　　18 右上到左下

　　19 左上到右下

　　20 左下到右上

　　21 橫條

　　22 豎條

　　23 以上22種隨機(jī)選擇一種

　　9、MSThemeCompatible (XP主題)

　　說(shuō)明：是否在IE中關(guān)閉 xp 的主題

　　用法：<Meta http-equiv="MSThemeCompatible" Content="Yes">

　　注意：關(guān)閉 xp 的藍(lán)色立體按鈕系統(tǒng)顯示樣式，從而和win2k 很象。

　　10、IE6 (頁(yè)面生成器)

　　說(shuō)明：頁(yè)面生成器generator，是ie6

　　用法：<Meta http-equiv="IE6" Content="Generator">

　　注意：用什么東西做的，類似商品出廠廠商。

　　11、Content-Script-Type (腳本相關(guān))

　　說(shuō)明：這是近來(lái)W3C的規(guī)范，指明頁(yè)面中腳本的類型。

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

　　注意：

　　★NAME變量

　　name是描述網(wǎng)頁(yè)的，對(duì)應(yīng)于Content（網(wǎng)頁(yè)內(nèi)容），以便于搜索引擎機(jī)器人查找、分類（目前幾乎所有的搜索引擎都使用網(wǎng)上機(jī)器人自動(dòng)查找meta值來(lái)給網(wǎng)頁(yè)分類）。

　　name的value值（name=""）指定所提供信息的類型。有些值是已經(jīng)定義好的。例如description(說(shuō)明)、keyword(關(guān)鍵字)、refresh(刷新)等。還可以指定其它任意值，如：creationdate(創(chuàng)建日期) 、

　　document ID(文檔編號(hào))和level(等級(jí))等。

　　name的content指定實(shí)際內(nèi)容。如：如果指定level(等級(jí))為value(值)，則Content可能是beginner(初級(jí))、intermediate(中級(jí))、advanced(高級(jí))。

　　1、Keywords (關(guān)鍵字)

　　說(shuō)明：為搜索引擎提供的關(guān)鍵字列表

　　用法：<Meta name="Keywords" Content="關(guān)鍵詞1,關(guān)鍵詞2，關(guān)鍵詞3,關(guān)鍵詞4,……">

　　注意：各關(guān)鍵詞間用英文逗號(hào)“,”隔開(kāi)。META的通常用處是指定搜索引擎用來(lái)提高搜索質(zhì)量的關(guān)鍵詞。當(dāng)數(shù)個(gè)META元素提供文檔語(yǔ)言從屬信息時(shí)，搜索引擎會(huì)使用lang特性來(lái)過(guò)濾并通過(guò)用戶的語(yǔ)言優(yōu)先參照來(lái)顯示搜索結(jié)果。例如：

　　2、Description (簡(jiǎn)介)

　　說(shuō)明：Description用來(lái)告訴搜索引擎你的網(wǎng)站主要內(nèi)容。

　　用法：<Meta name="Description" Content="你網(wǎng)頁(yè)的簡(jiǎn)述">

　　注意：

　　3、Robots (機(jī)器人向?qū)?

　　說(shuō)明：Robots用來(lái)告訴搜索機(jī)器人哪些頁(yè)面需要索引，哪些頁(yè)面不需要索引。Content的參數(shù)有all、none、index、noindex、follow、nofollow。默認(rèn)是all。

　　注意：許多搜索引擎都通過(guò)放出robot/spider搜索來(lái)登錄網(wǎng)站，這些robot/spider就要用到meta元素的一些特性來(lái)決定怎樣登錄。

　　all：文件將被檢索，且頁(yè)面上的鏈接可以被查詢；

　　none：文件將不被檢索，且頁(yè)面上的鏈接不可以被查詢；(和 "noindex, no follow" 起相同作用)

　　index：文件將被檢索；（讓robot/spider登錄）

　　follow：頁(yè)面上的鏈接可以被查詢；

　　noindex：文件將不被檢索，但頁(yè)面上的鏈接可以被查詢；(不讓robot/spider登錄)

　　nofollow：文件將不被檢索，頁(yè)面上的鏈接可以被查詢。(不讓robot/spider順著此頁(yè)的連接往下探找)

　　4、Author (作者)

　　說(shuō)明：標(biāo)注網(wǎng)頁(yè)的作者或制作組

　　用法：<Meta name="Author" Content="張三，abc@sina.com">

　　注意：Content可以是：你或你的制作組的名字,或Email

　　5、Copyright (版權(quán))

　　說(shuō)明：標(biāo)注版權(quán)

　　注意：

　　6、Generator (編輯器)

　　說(shuō)明：編輯器的說(shuō)明

　　用法：<Meta name="Generator" Content="PCDATA|FrontPage|">

　　注意：Content="你所用編輯器"

　　7、revisit-after (重訪)

　　說(shuō)明：

　　用法：<META name="revisit-after" CONTENT="7 days" >

　　注意：

　　★Head中的其它一些用法

　　1、scheme (方案)

　　說(shuō)明：scheme can be used when name is used to specify how the value of content should be interpreted.

　　用法：<meta scheme="ISBN" name="identifier" content="0-14-043205-1" />

　　注意：

　　2、Link (鏈接)

　　說(shuō)明：鏈接到文件

　　用法：<Link href="soim.ico" rel="Shortcut Icon">

　　注意：很多網(wǎng)站如果你把她保存在收件夾中后，會(huì)發(fā)現(xiàn)它連帶著一個(gè)小圖標(biāo)，如果再次點(diǎn)擊進(jìn)入之后還會(huì)發(fā)現(xiàn)地址欄中也有個(gè)小圖標(biāo)?，F(xiàn)在只要在你的頁(yè)頭加上這段話，就能輕松實(shí)現(xiàn)這一功能。<LINK> 用來(lái)將目前文件與其它 URL 作連結(jié)，但不會(huì)有連結(jié)按鈕，用于 <HEAD> 標(biāo)記間，格式如下：

　　3、Base (基鏈接)

　　說(shuō)明：插入網(wǎng)頁(yè)基鏈接屬性

　　用法：<Base href="http://www.admin10000.com/" target="_blank">

　　注意：你網(wǎng)頁(yè)上的所有相對(duì)路徑在鏈接時(shí)都將在前面加上“http://www.admin10000.com/”。其中target="_blank"是鏈接文件在新的窗口中打開(kāi)，你可以做其它設(shè)置。將“_blank”改為“_parent”是鏈接文件將在當(dāng)前窗口的父級(jí)窗口中打開(kāi)；改為“_self”鏈接文件在當(dāng)前窗口（幀）中打開(kāi)；改為“_top”鏈接文件全屏顯示。

　　以上是META標(biāo)簽的一些基本用法，其中最重要的就是：Keywords和Description的設(shè)定。為什么呢？道理很簡(jiǎn)單，這兩個(gè)語(yǔ)句可以讓搜索引擎能準(zhǔn)確的發(fā)現(xiàn)你，吸引更多的人訪問(wèn)你的站點(diǎn)!根據(jù)現(xiàn)在流行搜索引擎(Google，Lycos，AltaVista等)的工作原理，搜索引擎先派機(jī)器人自動(dòng)在WWW上搜索，當(dāng)發(fā)現(xiàn)新的網(wǎng)站時(shí)，便于檢索頁(yè)面中的Keywords和Description，并將其加入到自己的數(shù)據(jù)庫(kù)，然后再根據(jù)關(guān)鍵詞的密度將網(wǎng)站排序。

　　由此看來(lái)，我們必須記住添加Keywords和Description的META標(biāo)簽，并盡可能寫好關(guān)鍵字和簡(jiǎn)介。否則，

　　后果就會(huì)是：

　　●　如果你的頁(yè)面中根本沒(méi)有Keywords和Description的META標(biāo)簽，那么機(jī)器人是無(wú)法將你的站點(diǎn)加入數(shù)據(jù)庫(kù)，網(wǎng)友也就不可能搜索到你的站點(diǎn)。

　　●　如果你的關(guān)鍵字選的不好，關(guān)鍵字的密度不高，被排列在幾十甚至幾百萬(wàn)個(gè)站點(diǎn)的后面被點(diǎn)擊的可能性也是非常小的。

　　寫好Keywords(關(guān)鍵字)要注意以下幾點(diǎn)：

　　●　不要用常見(jiàn)詞匯。例如www、homepage、net、web等。

　　●　不要用形容詞，副詞。例如最好的，最大的等。

　　●　不要用籠統(tǒng)的詞匯，要盡量精確。例如“愛(ài)立信手機(jī)”，改用“T28SC”會(huì)更好。

　　“三人之行，必有我?guī)煛?，尋找合適關(guān)鍵詞的技巧是：到Google、Lycos、Alta等著名搜索引擎，搜索與

　　你的網(wǎng)站內(nèi)容相仿的網(wǎng)站，查看排名前十位的網(wǎng)站的META關(guān)鍵字，將它們用在你的網(wǎng)站上，效果可想而知了。

　　★小竅門

　　為了提高搜索點(diǎn)擊率，這里還有一些“捷徑”可以幫得到你，當(dāng)然也要懂得方法，一味的尋找“捷徑”，很可能會(huì)玩火自焚的，切記~

　　●　為了增加關(guān)鍵詞的密度，將關(guān)鍵字隱藏在頁(yè)面里(將文字顏色定義成與背景顏色一樣)。（* 不推薦）

　　●　在圖像的ALT注釋語(yǔ)句中加入關(guān)鍵字。如：<IMG SRC="xxx.gif" Alt="Keywords">

●　利用HTML的注釋語(yǔ)句，在頁(yè)面代碼里加入大量關(guān)鍵字。用法：