Forum

Heyxu Forum

New Subject
Random
Previous
Next
|
Meta 標籤之詳解

Meta 標籤之詳解

meta 是 html 語言 head 區的一個輔助性標籤。幾乎所有的網頁裏,我們可以看到類似下面這段的 html 代碼:

 <head>
<meta http-equiv="content-Type" content="text/html; charset=gb2312">
</head>
也許你認為這些代碼可有可無。其實如果你能夠用好 meta 標籤,會給你帶來意想不到的效果,例如加入關鍵字會自動被大型搜索網站自動搜集;可以設定頁面格式及刷新等等。

一、meta標籤的組成

meta 標籤共有兩個屬性,它們分別是 http-equiv 屬性和 name 屬性,不同的屬性又有不同的參數值,這些不同的參數值就實現了不同的網頁功能。

1、name屬性

name 屬性主要用於描述網頁,與之對應的屬性值為 content,content 中的內容主要是便於搜索引擎機器人查找信息和分類信息用的。
meat 標籤的 name 屬性語法格式是:<meta name="參數" content="具體的參數值"> 。
其中 name 屬性主要有以下幾種參數:

A、Keywords(關鍵字)
說明:keywords用來告訴搜索引擎你網頁的關鍵字是什麼。
舉例:<meta name ="keywords" content="science, education,culture,politics,ecnomics,relationships, entertaiment, human">

B、description(網站內容描述)
說明:description用來告訴搜索引擎你的網站主要內容。
舉例:<meta name="description" content="This page is about the meaning of science, education,culture.">

C、robots(機器人向導)
說明:robots用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引。
content的參數有all,none,index,noindex,follow,nofollow。默認是all。
舉例:<meta name="robots" content="none">

D、author(作者)
說明:標注網頁的作者
舉例:<meta name="author" content="zys666,zys666@21cn.com">

2、http-equiv屬性

http-equiv顧名思義,相當於http的文件頭作用,它可以向瀏覽器傳回一些有用的信息,以幫助正確和精確地顯示網頁內容,與之對應的屬性值為content,content中的內容其實就是各個參數的變量值。
meat標籤的http-equiv屬性語法格式是:<meta http-equiv="參數" content="參數變量值"> ;其中http-equiv屬性主要有以下幾種參數:

A、Expires(期限)
說明:可以用於設定網頁的到期時間。一旦網頁過期,必須到服務器上重新傳輸。
用法:<meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT">
注意:必須使用GMT的時間格式。

B、Pragma(cache模式)
說明:禁止瀏覽器從本地計算機的緩存中訪問頁面內容。
用法:<meta http-equiv="Pragma" content="no-cache">
注意:這樣設定,訪問者將無法脫機瀏覽。

C、Refresh(刷新)
說明:自動刷新並指向新頁面。
用法:<meta http-equiv="Refresh" content="2;URL=http://www.chinayancheng.net">
注意:其中的2是指停留2秒鍾後自動刷新到URL網址。

D、Set-Cookie(cookie設定)
說明:如果網頁過期,那麼存盤的cookie將被刪除。
用法:<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT; path=/">
注意:必須使用GMT的時間格式。

E、Window-target(顯示窗口的設定)
說明:強制頁面在當前窗口以獨立頁面顯示。
用法:<meta http-equiv="Window-target" content="_top">
注意:用來防止別人在框架裏調用自己的頁面。

F、content-Type(顯示字符集的設定)
說明:設定頁面使用的字符集。
用法:<meta http-equiv="content-Type" content="text/html; charset=gb2312">

二、meta標籤的功能

上面我們介紹了meta標籤的一些基本組成,接著我們再來一起看看meta標籤的常見功能:

1、幫助主頁被各大搜索引擎登錄
meta 標籤的一個很重要的功能就是設置關鍵字,來幫助你的主頁被各大搜索引擎登錄,提高網站的訪問量。在這個功能中,最重要的就是對Keywords和 description的設置。因為按照搜索引擎的工作原理,搜索引擎首先派出機器人自動檢索頁面中的keywords和decription,並將其加 入到自己的數據庫,然後再根據關鍵詞的密度將網站排序。因此,我們必須設置好關鍵字,來提高頁面的搜索點擊率。下面我們來舉一個例子供大家參考:
<meta name="keywords" content="政治,經濟, 科技,文化, 衛生, 情感,心靈,娛樂,生活,社會,企業,交通">
<meta name="description" content="政治,經濟, 科技,文化, 衛生, 情感,心靈,娛樂,生活,社會,企業,交通">
設置好這些關鍵字後,搜索引擎將會自動把這些關鍵字添加到數據庫中,並根據這些關鍵字的密度來進行合適的排序。

2、定義頁面的使用語言
這是meta標籤最常見的功能,在制作網頁時,我們在純HTML代碼下都會看到它,它起的作用是定義你網頁的語言,當瀏覽者訪問你的網頁時,瀏覽器會自 動識別並設置網頁中的語言,如果你網頁設置的是GB碼,而瀏覽者沒有安裝GB碼,這時網頁只會呈現瀏覽者所設置的瀏覽器默認語言。同樣的,如果該網頁是英 語,那麼charset=en。下面就是一個具有代表性的例子:
<meta http-equiv=〞content-Type〞 content=〞text/html; charset=gb2312〞〉
該代碼就表示將網頁的語言設置成國標碼。

3、自動刷新並指向新的頁面
如果你想使您的網頁在無人控制的情況下,能自動在指定的時間內去訪問指定的網頁,就可以使用meta標籤的自動刷新網頁的功能。下面我們來看一段代碼:
〈meta http-equiv=〞refresh〞 content=〞2; URL=http://www.yeah.net〞〉
這段代碼可以使當前某一個網頁在2秒後自動轉到http://www.yeah.net頁面中去,這就是meta的刷新作用,在content中,2代表設置的時間(單位為秒),而URL就是在指定的時間後自動連接的網頁地址。

4、實現網頁轉換時的動畫效果
使用meta標籤,我們還可以在進入網頁或者離開網頁的一煞那實現動畫效果,我們只要在頁面的html代碼中的<head></head>標籤之間添加如下代碼就可以了:
<meta http-equiv="Page-Enter" content="revealTrans(duration=5.0, transition=20)">
<meta http-equiv="Page-Exit" content="revealTrans(duration=5.0, transition=20)">
一旦上述代碼被加到一個網頁中後,我們再進出頁面時就會看到一些特殊效果,這個功能其實與FrontPage2000中的Format/Page Transition一樣,但我們要注意的是所加網頁不能是一個Frame頁;

5、網頁定級評價
IE4.0以上版本的瀏覽器可以防止瀏覽一些受限制的網站,而之所以瀏覽器會自動識別某些網站是否受限制,就是因為在網站meta標籤中已經設置好了該 網站的級別,而該級別的評定是由美國RSAC,即娛樂委員會的評級機構評定的,如果你需要評價自己的網站,可以連接到網站http://www.rsac.org/,按要求提交表格,那麼RSAC會提供一段meta代碼給你,複制到自己網頁裏就可以了。下面就是一段代碼的樣例:
〈meta http-equiv=〞PICS-Label〞
content=′(PICS-1.1 〞http://www.rsac.org/ratingsv01.html
l gen true comment 〞RSACi North America Server〞
for 〞http://www.rsac.org
on 〞2001.08.16T08:15-0500〞
r (n 0 s 0 v 0 l 0))′〉

6、控制頁面緩衝
meta標籤可以設置網頁到期的時間,也就是說,當你在Internet Explorer 瀏覽器中設置瀏覽網頁時首先查看本地緩衝裏的頁面,那麼當瀏覽某一網頁,而本地緩衝又有時,那麼瀏覽器會自動瀏覽緩衝區裏的頁面,直到meta中設置的時 間到期,這時候,瀏覽器才會去取得新頁面。例如下面這段代碼就表示網頁的到期時間是2001年1月12日18時18分18秒。
〈meta http-equiv=〞expires〞 content=〞Friday, 12-Jan-2001 18:18:18 GMT〞〉

7、控制網頁顯示的窗口
我們還可以使用meta標籤來控制網頁顯示的窗口,只要在網頁中加入下面的代碼就可以了:<metahttp-equiv="window-target" content="_top">,這段代碼可以防止網頁被別人作為一個Frame調用。

  • Keywords : content, equiv, 網頁, 用法, 頁面, 注意, 標籤, 舉例, 屬性, 參數, 不同, description, charset, 關鍵字, 語言, 設定, 網站, 搜索引擎, 功能, 到期
0 0
2009-05-20T14:27:17+0000


  • Now, you can post comments by Facebook Account when your Heyxu account was logout or unvariable. whatever, we suggest to post comment by Heyxu Account to get more bounds to join new events of Heyxu
Comment
Verify
Comment
  • Auto Platform
    For better browsing experience, it will auto detects your device to display webpage.
  • Bug Report
    Tell us about the idea, problem and errors you found.
  • Copyright
    © 2009 Heyxu Multimedia, Inc - All rights reserved.
  • Revised Version
    V2.1.341
    12 Apr 2019 (GMT+8)