meta

meta

元素可提供相關頁面的元信息(meta-information),比如針對搜尋引擎和更新頻度的描述和關鍵字。 標籤位於文檔的頭部,不包含任何內容。 標籤的屬性定義了與文檔相關聯的名稱/值對。

基本信息

介紹

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

<meta> 元素可提供有關頁面的元信息(meta-information),比如針對搜尋引擎和更新頻度的描述和關鍵字。

<meta> 標籤位於文檔的頭部,不包含任何內容。<meta> 標籤的屬性定義了與文檔相關聯的名稱/值對。

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

<head>

<meta http-equiv="content-Type" content="text/html; charset=gb2312" >

</head>

也許你認為這些代碼可有可無。其實如果你能夠用好meta標籤,會給你帶來意想不到的效果,例如加入關鍵字會自動被大型搜尋網站自動蒐集;可以設定頁面格式及刷新等等。

提示和注釋

注釋:<meta> 標籤永遠位於 head 元素內部。

注釋:元數據總是以名稱/值的形式被成對傳遞的。

name屬性

name屬性主要用於描述網頁,與之對應的屬性值為content,content中的內容主要是便於搜尋引擎機器人查找信息和分類信息用的。

meta標籤的name屬性語法格式是:<meta name="參數" content="具體的參數值">;。

其中name屬性主要有以下幾種參數:

A、Keywords(關鍵字)

說明:keywords用來告訴搜尋引擎你網頁的關鍵字是什麼。

舉例:<meta name ="keywords" content="science,education,culture,politics,ecnomics,relationships,entertainment,human">

B、description(網站內容描述)

說明:description用來告訴搜尋引擎你的網站主要內容。

網站內容描述(description)的設計要點:

①網頁描述為自然語言而不是羅列關鍵字(與keywords設計正好相反);

②儘可能準確地描述網頁的核心內容,通常為網頁內容的摘要信息,也就是希望搜尋引擎在檢索結果中展示的摘要信息;

③網頁描述中含有有效關鍵字;

④網頁描述內容與網頁標題內容有高度相關性;

⑤網頁描述內容與網頁主體內容有高度相關性;

⑥網頁描述的文字不必太多,一般不超過搜尋引擎檢索結果摘要信息的最多字數(通常在100中文字之內,不同搜尋引擎略有差異)。

舉例:<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(作者)

說明:標註網頁的作者

http-equiv屬性

http-equiv顧名思義,相當於http的檔案頭作用,它可以向瀏覽器傳回一些有用的信息,以幫助正確和精確地顯示網頁內容,與之對應的屬性值為content,content中的內容其實就是各個參數的變數值。

meta標籤的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">;(注意後面的分號,分別在秒數的前面和網址的後面,URL可為空)

注意:其中的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">

G、content-Language(顯示語言的設定)

用法:<meta http-equiv="Content-Language" content="zh-cn" />

功能

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

幫助主頁被各大搜尋引擎登錄

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

<meta name="description" content="政治,經濟,科技,文化,衛生,情感,心靈,娛樂,生活,社會,企業,交通">

設定好這些關鍵字後,搜尋引擎將會自動把這些關鍵字添加到資料庫中,並根據這些關鍵字的密度來進行合適的排序。

定義頁面的使用語言

這是meta標籤最常見的功能,在製作網頁時,我們在純HTML代碼下都會看到它,它起的作用是定義你網頁的語言,當瀏覽者訪問你的網頁時,瀏覽器會自動識別並設定網頁中的語言,如果你網頁設定的是GB碼,而瀏覽者沒有安裝GB碼,這時網頁只會呈現瀏覽者所設定的瀏覽器默認語言。同樣的,如果該網頁是英語,那么charset=en。下面就是一個具有代表性的例子:

<meta http-equiv=″content-Type″ content=″text/html; charset=gb2312″>

該代碼就表示將網頁的語言設定成國標碼。

自動刷新並指向新的頁面

如果你想使您的網頁在無人控制的情況下,能自動在指定的時間內去訪問指定的網頁,就可以使用meta標籤的自動刷新網頁的功能。下面我們來看一段代碼:

〈meta http-equiv=″refresh″ content=″2; URL=

這段代碼可以使當前某一個網頁在2秒後自動轉到頁面中去,這就是meta的刷新作用,在content中,2代表設定的時間(單位為秒),而URL就是在指定的時間後自動連線的網頁地址。

動畫效果

使用meta標籤,我們還可以在進入網頁或者離開網頁的一剎那實現動畫效果,我們只要在頁面的html代碼中的<head></head>;標籤之間添加如下代碼就可以了:

<meta http-equiv="Page-Enter" content="revealTrans(duration=5.0,transition=20)">

一旦上述代碼被加到一個網頁中後,我們再進出頁面時就會看到一些特殊效果,這個功能其實與FrontPage2000中的Format/Page Transition一樣,但我們要注意的是所加網頁不能是一個Frame頁; RevealTrans動態濾鏡

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種隨機選擇一種

網頁定級評價

IE4.0以上版本的瀏覽器可以防止瀏覽一些受限制的網站,而之所以瀏覽器會自動識別某些網站是否受限制,就是因為在網站meta標籤中已經設定好了該網站的級別,而該級別的評定是由美國RSAC,即娛樂委員會的評級機構評定的,如果你需要評價自己的網站,按要求提交表格,那么RSAC會提供一段meta代碼給你,複製到自己網頁里就可以了。下面就是一段代碼的樣例:

〈meta http-equiv=″PICS-Label″

content=′(PICS-1.1

l gen true comment ″RSACi North America Server″

for

on ″2001.08.16T08:15-0500″

r (n 0 s 0 v 0 l 0))′〉

控制頁面緩衝

meta標籤可以設定網頁到期的時間,也就是說,當你在Internet Explorer 瀏覽器中設定瀏覽網頁時首先查看本地緩衝里的頁面,那么當瀏覽某一網頁,而本地緩衝又有時,那么瀏覽器會自動瀏覽緩衝區裡的頁面,直到meta中設定的時間到期,這時候,瀏覽器才會去取得新頁面。例如下面這段代碼就表示網頁的到期時間是2001年1月12日18時18分18秒。

〈meta http-equiv=″expires″ content=″Friday,12-Jan-2001 18:18:18 GMT″〉

控制網頁視窗

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

其他用法

scheme(方案)

說明:scheme can be used when name is used to specify how the value of content should

be interpreted.

用於指定要用來翻譯屬性值的方案。此方案應該在由 <head> 標籤的 profile 屬性指定的概況檔案中進行了定義。

用法:<meta scheme="ISBN" name="identifier" content="0-14-XXXXXX-1" >

Link (連結)

說明:連結到檔案

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

注意:很多網站如果你把它保存在收件夾中後,會發現它連帶著一個小圖示,如果再次點擊進入之後還會發現地址欄中也有個小圖示。只要在你的頁頭加上這段話,就能輕鬆實現這一功能。<LINK> 用來將檔案與其它 URL 作連結,但不會有連結按鈕,用於<HEAD> 標記間, 格式如下:

<link href="URL" rel="relationship">

<link href="URL" rev="relationship">

Base (基連結)

說明:插入網頁基連結屬性

注意:你網頁上的所有相對路徑在連結時都將在前面加上URL。其中target="_blank"是連結檔案在新的視窗中打開,你可以做其他設定。將“_blank”改為“_parent”是連結檔案將在當前視窗的父級視窗中打開;改為“_self”連結檔案在當前視窗(幀)中打開;改為“_top”連結檔案全螢幕顯示。

使用方法

Meta標籤是用來描述網頁屬性的一種語言,標準的Meta標籤可以便於搜尋引擎排序,提高搜尋引擎網站權重排名。想網站做的更符合搜尋引擎標準就必須了解meta標籤,下面由Seoer惜緣給大家講講meta標籤含義與使用方法:

keywords

META標籤的keywords

寫法為:<meta name="Keywords" content="信息參數" >

meta標籤的Keywords的的信息參數,代表說明網站的關鍵字是什麼。

Description

META標籤的Description

寫法為:<meta name="Description" content="信息參數" >

meta標籤的Description的信息參數,代表說明網站的主要內容,概況是什麼。

Content-Type

META標籤的http-equiv=Content-Type content="text/html

http-equiv=Content-Type代表的是HTTP的頭部協定,提示瀏覽器網頁的信息,

寫法為:<meta http-equiv="Content-Type" content="text/html; charset=信息參數" >

meta標籤的charset的信息參數如GB2312(或GBK)時,代表說明網站是採用的編碼是簡體中文;

meta標籤的charset的信息參數如BIG5時,代表說明網站是採用的編碼是繁體中文;

meta標籤的charset的信息參數如iso-2022-jp時,代表說明網站是採用的編碼是日文;

meta標籤的charset的信息參數如ks_c_5601時,代表說明網站是採用的編碼是韓文;

meta標籤的charset的信息參數如ISO-8859-1時,代表說明網站是採用的編碼是英文;

meta標籤的charset的信息參數如UTF-8時,代表世界通用的語言編碼。

註:在HTML5中,在表達charset信息時可以簡寫,前面的內容可以去掉,即寫法是: <meta charset="GBK">

generator

META標籤的generator

寫法為:<meta name="generator" content="信息參數" />

meta標籤的generator的信息參數,代表說明網站的採用的什麼軟體製作。

author

META標籤的author

寫法為:<meta name="author" content="信息參數">

meta標籤的author的信息參數,代表說明網頁著作權作者信息。

⒍META標籤的http-equiv="Refresh"

寫法為:<Meta http-equiv="Refresh" Content="時間; Url=網址參數">

meta標籤的Refresh代表多少時間網頁自動刷新,加上Url中的網址參數就代表,多長時間自動連結其他網址。

Pragma

META標籤的HTTP-EQUⅣ="Pragma" CONTENT="no-cache"

寫法為:<META HTTP-EQUⅣ="Pragma" CONTENT="no-cache">;

代表禁止瀏覽器從本地計算機的快取中訪問頁面內容,這樣設定,訪問者將無法脫機瀏覽。

COPYRIGHT

META標籤的COPYRIGHT

寫法為:<META NAME="COPYRIGHT" CONTENT="信息參數">

meta標籤的COPYRIGHT的信息參數,代表說明網站版權資訊。

imagetoolbar

META標籤的http-equiv="imagetoolbar"

寫法為:<meta http-equiv="imagetoolbar" content="false" >

指定是否顯示圖片工具列,當為false代表不顯示,當為true代表顯示。

Content-Script-Type

META標籤的Content-Script-Type

寫法為:<Meta http-equiv="Content-Script-Type" Content="text/javascript">

W3C網頁規範,指明頁面中腳本的類型。

revisit-after

META標籤的revisit-after

寫法為:<META name="revisit-after" CONTENT="7 days" >

revisit-after代表網站重訪,7 days代表7天,依此類推。

Robots

META標籤的Robots

寫法為:<meta name="Robots" content="信息參數">

Robots代表告訴搜尋引擎機器人抓取哪些頁面

其中的屬性

信息參數為all:檔案將被檢索,且頁面上的連結可以被查詢;

信息參數為none:檔案將不被檢索,且頁面上的連結不可以被查詢;

信息參數為index:檔案將被檢索;

信息參數為follow:頁面上的連結可以被查詢;

信息參數為noindex:檔案將不被檢索,但頁面上的連結可以被查詢;

信息參數為nofollow:檔案將被檢索,但頁面上的連結不可以被查詢;

標籤最佳化

meta標籤的內容最佳化很有可能將會成為一個網站點擊率獲取最關鍵的一個內容,如何更好進行meta標籤內容的最佳化?

1、細化監控範圍;

2、建立動態網頁標題和meta描述;

3、監視你的谷歌網站管理員網站簡介;

4、包括你的獨特的價值主張;

5、寫的用戶,而不是機器人。

差異

scheme 屬性不被HTML5支持。

在 HTML5 中,有一個新的 charset 屬性,它使字元集的定義更加容易,參考下面的使用格式:

•HTML 4.01:

•HTML5:

屬性

帶(#)的為HTML5中的新屬性:

屬性描述
charset(#)character_set定義文檔的字元編碼。
contenttext定義與 http-equiv 或 name 屬性相關的元信息。
http-equiv content-typ edefault-style refresh 把 content 屬性關聯到 HTTP 頭部。
name application-nam eauthor description generator keywords 把 content 屬性關聯到一個名稱。
schemeformat/URIHTML5不支持。定義用於翻譯 content 屬性值的格式。

英文前綴

前綴 pref.

⒈表示"變化","變換"

⒉表示"繼","在...之後"

⒊表示"超越"

⒋表示"在...之間","介於"

5.在邏輯學中是“關於那個的,更高層次”的意思

例詞:metaphysics,Metamathematics(表示高層次的數理哲學)

n.

⒈形上學;玄學

⒉深奧莫測的推理;空談;空頭理論

來自希臘語,最初來源是作為亞里士多德所著《形上學》一書的書名,意指“第一哲學”,也就是以“作為存在的存在(being as being)”為研究對象的形上學,其意義為“在具體科學之後 ”。

模板meta語言

模板meta語言由GDMO提出,採用類似於BNF的語法,因此與ASN.1相似,只要了解了它與ASN.1的不同之處就可以在ASN.1有關知識的基礎上正確使用。因此,這裡只將有關要點進行如下說明:

⒈分號(;)用於終止結構和中止模板

⒉空格,空行,注釋和行尾只起分割符的作用。在需要標誌一個元素結束,另一個元素開始時使用。

⒊注釋由雙連字元(--)引導,在行尾或遇到另外的雙連字元終止。可以在任何分隔區中出現,但不能在結構名或模板名所包含的空格之間出現。

⒋方括弧([ ])用於指出模板定義中的可選元素。

⒌右圓括弧中的星號(*)指出模板定義中的可選元素。

⒍選擇對象由豎線(|)分割。這個符號旨在支持件的定義中使用。

⒎將由用戶確定的字元串擴在尖括弧(<>;)中。

⒏附屬檔案用一個引用標號,後接符號->>;,後接一個由文本字元串和符號構成的語法定義組成。

⒐分隔串在模板定義中自然語言文本或形式說明文本之中出現。他們由任意的字元串組成,字元串可以由以下任意一個分隔設定引導和終止。分隔設定是“$ % ^ & * ` ' ~ @ \”。如果分隔串由某個分隔設定開始,則這個分隔串直到再次遇到相同的分隔設定才結束。

相關詞條

相關搜尋

熱門詞條