HTML頁面Meta介紹

Web開發者發表於2011-12-09
HTML

您的個人網站即使做得再精彩，在浩瀚如海的網路空間中，也如一葉扁舟不易為人發現，如何推廣個人網站，人們首先想到的方法無外乎以下幾種：

●　在搜尋引擎中登入自己的個人網站

●　在知名網站加入你個人網站的連結

●　在論壇中發帖子宣傳你的個人網站

很多人卻忽視了HTML標籤ME他的強大功效，一個好的META標籤設計可以大大提高你的個人網站被搜尋到的可能性，有興趣嗎，誰我來重新認識一下META標籤吧！META標籤是HTML語言HEAD區的一個輔助性標籤，它位於HTML文件頭部的<HEAD>標記和<TITLE>標記之間，它提供使用者不可見的資訊。meta標籤通常用來為搜尋引擎robots定義頁面主題，或者是定義使用者瀏覽器上的cookie；它可以用於鑑別作者，設定頁面格式，標註內容提要和關鍵字；還可以設定頁面使其可以根據你定義的時間間隔重新整理自己,以及設定RASC內容等級，等等。

META標籤分兩大部分：HTTP標題資訊(HTTP-EQUIV)和頁面描述資訊(NAME)。

★HTTP-EQUIV

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

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

說明：設定頁面使用的字符集，用以說明主頁製作所使用的文字已經語言，瀏覽器會根據此來呼叫相應的字符集顯示page內容。

用法：<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的時間格式，或直接設為0(數字表示多少時間後過期)。

4、Pragma (cach模式)

說明：禁止瀏覽器從本地機的快取中調閱頁面內容。

用法：<Meta http-equiv="Pragma" Content="No-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 'inet@microsoft.com' 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)">
注意：blendTrans是動態濾鏡的一種，產生漸隱效果。另一種動態濾鏡RevealTrans也可以用於頁面進入與退出效果:

<Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)">

<Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)">

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

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

0 矩形縮小

1 矩形擴大

2 圓形縮小

3 圓形擴大

4 下到上重新整理

5 上到下重新整理

6 左到右重新整理

7 右到左重新整理

8 豎百葉窗

9 橫百葉窗

10 錯位橫百葉窗

11 錯位豎百葉窗

12 點擴散

13 左右到中間重新整理

14 中間到左右重新整理

15 中間到上下

16 上下到中間

17 右下到左上

18 右上到左下

19 左上到右下

20 左下到右上

21 橫條

22 豎條

23 以上22種隨機選擇一種

9、MSThemeCompatible (XP主題)

說明：是否在IE中關閉 xp 的主題

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

注意：關閉 xp 的藍色立體按鈕系統顯示樣式，從而和win2k 很象。

10、IE6 (頁面生成器)

說明：頁面生成器generator，是ie6

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

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

11、Content-Script-Type (指令碼相關)

說明：這是近來W3C的規範，指明頁面中指令碼的型別。

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

 

相關文章