meta元素

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

1標籤

定義
<meta>   元素可提供有關頁面的元信息(meta-information),好比針對 搜索引擎和更新頻度的描述和 關鍵詞
<meta> 標籤位於文檔的頭部,不包含任何內容。<meta> 標籤的屬性定義了與文檔相關聯的名稱/值對。
meta是html語言head區的一個輔助性標籤。幾乎全部的網頁裏,咱們能夠看到相似下面這段的html代碼:
<head>
<meta http-equiv="content-Type" content="text/html; charset=gb2312" />
</head>
也許你認爲這些代碼無關緊要。其實若是你可以用好meta標籤,會給你帶來意想不到的效果,例如加入 關鍵字會自動被大型搜索網站自動蒐集;能夠設定頁面格式及刷新等等。

組成

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

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">;(注意後面的引號,分別在秒數的前面和網址的後面)
注意:其中的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標籤

建立Meta標籤服務器

<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就是在指定的時間後自動鏈接的網頁地址。

2動畫效果

使用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調用。

3其餘用法

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-043205-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」連接文件全屏顯示。

4使用方法

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時,表明說明網站是採用的編碼是簡體中文;
meta標籤的charset的信息參數如BIG5時,表明說明網站是採用的編碼是繁體中文;
meta標籤的charset的信息參數如iso-2022-jp時,表明說明網站是採用的編碼是日文;
meta標籤的charset的信息參數如ks_c_5601時,表明說明網站是採用的編碼是韓文;
meta標籤的charset的信息參數如ISO-8859-1時,表明說明網站是採用的編碼是英文;
meta標籤的charset的信息參數如UTF-8時,表明世界通用的語言編碼;

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" contect="信息參數">
Robots表明告訴搜索引擎機器人抓取哪些頁面

5其中的屬性

信息參數爲all:文件將被檢索,且頁面上的連接能夠被查詢;
信息參數爲none:文件將不被檢索,且頁面上的連接不能夠被查詢;
信息參數爲index:文件將被檢索;
信息參數爲follow:頁面上的連接能夠被查詢;
信息參數爲noindex:文件將不被檢索,但頁面上的連接能夠被查詢;
信息參數爲nofollow:文件將被檢索,但頁面上的連接不能夠被查詢;

6標籤優化

meta標籤的內容優化頗有可能將會成爲一個網站點擊率獲取最關鍵的一個內容,如何更好進行meta標籤內容的優化?
一、細化監控範圍;
二、創建動態網頁標題和meta描述;
三、監視你的谷歌網站管理員網站簡介;
四、包括你的獨特的價值主張;
五、寫的用戶,而不是機器人。

7英文前綴

前綴 pref.
⒈表示"變化","變換"
⒉表示"繼","在...以後"
⒊表示"超越"
⒋表示"在...之間","介於"
5.在邏輯學中是「關於那個的,更高層次」的意思
例詞:metaphysics,Metamathematics(表示高層次的數理哲學)
n.
⒈形而上學;玄學
⒉深奧莫測的推理;空談;空頭理論
來自希臘語,最初來源是做爲亞里士多德所著《形而上學》一書的書名,意指「第一哲學」,也就是以「做爲存在的存在(being as being)」爲研究對象的形而上學,其意義爲「在具體科學以後 」。
模板meta語言
模板meta語言由GDMO提出,採用相似於BNF的語法,所以與ASN.1類似,只要瞭解了它與ASN.1的不一樣之處就能夠在ASN.1有關知識的基礎上正確使用。所以,這裏只將有關要點進行以下說明:
⒈分號(;)用於終止結構和停止模板
⒉空格,空行,註釋和行尾只起分割符的做用。在須要標誌一個元素結束,另外一個元素開始時使用。
⒊註釋由雙連字符(--)引導,在行尾或遇到另外的雙連字符終止。能夠出如今任何分隔區中,但不能出如今結構名或模板名所包含的空格之間。
⒋方括號([ ])用於指出模板定義中的可選元素。
⒌右圓括號中的星號(*)指出模板定義中的可選元素。
⒍選擇對象由豎線(|)分割。這個符號旨在支持件的定義中使用。
⒎將由用戶肯定的字符串擴在尖括號(<>;)中。
⒏附件用一個引用標號,後接符號->>;,後接一個由文本字符串和符號構成的語法定義組成。
⒐分隔串出如今模板定義中天然語言文本或形式說明文本之中。他們由任意的字符串組成,字符串能夠由如下任意一個分隔符引導和終止。分隔符是「$ % ^ & * ` ' ~ @ \」。若是分隔串由某個分隔符開始,則這個分隔串直到再次遇到相同的分隔符才結束。
相關文章
相關標籤/搜索