meta
??元素可提供相關(guān)頁面的元信息(meta-information),比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞套蒂。 標(biāo)簽位于文檔的頭部与境,不包含任何內(nèi)容。 標(biāo)簽的屬性定義了與文檔相關(guān)聯(lián)的名稱/值對。
外文名 | 所處位置 | 含義 | 屬性 |
---|---|---|---|
meta? | 文檔的頭部憔恳,不包含任何內(nèi)容 | 元素可提供相關(guān)頁面的元信息 | 定義了與文檔相關(guān)聯(lián)的名稱/值對 |
簡介
meta標(biāo)簽共有兩個屬性瓤荔,它們分別是http-equiv屬性和name屬性,不同的屬性又有不同的參數(shù)值钥组,這些不同的參數(shù)值就實現(xiàn)了不同的網(wǎng)頁功能输硝。
?
<meta> 元素可提供有關(guān)頁面的元信息(meta-information),比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞程梦。
?
<meta> 標(biāo)簽位于文檔的頭部点把,不包含任何內(nèi)容。<meta> 標(biāo)簽的屬性定義了與文檔相關(guān)聯(lián)的名稱/值對屿附。
?
meta是html語言head區(qū)的一個輔助性標(biāo)簽郎逃。幾乎所有的網(wǎng)頁里,我們可以看到類似下面這段的html代碼:
<head>
<meta http-equiv="content-Type" content="text/html; charset=gb2312" >
</head>
也許你認為這些代碼可有可無挺份。其實如果你能夠用好meta標(biāo)簽褒翰,會給你帶來意想不到的效果,例如加入關(guān)鍵字會自動被大型搜索網(wǎng)站自動搜集匀泊;可以設(shè)定頁面格式及刷新等等优训。
提示和注釋
- 注釋:<meta> 標(biāo)簽永遠位于 head 元素內(nèi)部。
注釋:元數(shù)據(jù)總是以名稱/值的形式被成對傳遞的各聘。
?
name屬性
name屬性主要用于描述網(wǎng)頁型宙,與之對應(yīng)的屬性值為content,content中的內(nèi)容主要是便于搜索引擎機器人查找信息和分類信息用的伦吠。
?
meta標(biāo)簽的name屬性語法格式是:<meta name="參數(shù)" content="具體的參數(shù)值">妆兑;。
?
其中name屬性主要有以下幾種參數(shù):
A毛仪、Keywords(關(guān)鍵字)
說明:keywords用來告訴搜索引擎你網(wǎng)頁的關(guān)鍵字是什么搁嗓。
舉例:
<meta name ="keywords"
content="science,education,culture,politics,
ecnomics,relationships,entertainment,human">
B、description(網(wǎng)站內(nèi)容描述)
說明:description用來告訴搜索引擎你的網(wǎng)站主要內(nèi)容箱靴。
網(wǎng)站內(nèi)容描述(description)的設(shè)計要點:
①網(wǎng)頁描述為自然語言而不是羅列關(guān)鍵詞(與keywords設(shè)計正好相反)腺逛;
②盡可能準(zhǔn)確地描述網(wǎng)頁的核心內(nèi)容,通常為網(wǎng)頁內(nèi)容的摘要信息衡怀,也就是希望搜索引擎在檢索結(jié)果中展示的摘要信息棍矛;
③網(wǎng)頁描述中含有有效關(guān)鍵詞;
④網(wǎng)頁描述內(nèi)容與網(wǎng)頁標(biāo)題內(nèi)容有高度相關(guān)性抛杨;
⑤網(wǎng)頁描述內(nèi)容與網(wǎng)頁主體內(nèi)容有高度相關(guān)性够委;
⑥網(wǎng)頁描述的文字不必太多,一般不超過搜索引擎檢索結(jié)果摘要信息的最多字數(shù)(通常在100中文字之內(nèi)怖现,不同搜索引擎略有差異)茁帽。
舉例:
<meta name="description"
content="This page is about the meaning of science,education,culture.">
C玉罐、robots(機器人向?qū)В?br>
說明:robots用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引潘拨。
content的參數(shù)有all,none,index,noindex,follow,nofollow吊输。默認是all。
舉例:
<meta name="robots" content="none">
D铁追、author(作者)
說明:標(biāo)注網(wǎng)頁的作者
?
http-equiv屬性
http-equiv顧名思義季蚂,相當(dāng)于http的文件頭作用,它可以向瀏覽器傳回一些有用的信息琅束,以幫助正確和精確地顯示網(wǎng)頁內(nèi)容扭屁,與之對應(yīng)的屬性值為content,content中的內(nèi)容其實就是各個參數(shù)的變量值狰闪。
?
meta標(biāo)簽的http-equiv屬性語法格式是:<meta http-equiv="參數(shù)" content="參數(shù)變量值">
疯搅;其中http-equiv屬性主要有以下幾種參數(shù):
A、Expires(期限)
說明:可以用于設(shè)定網(wǎng)頁的到期時間埋泵。一旦網(wǎng)頁過期幔欧,必須到服務(wù)器上重新傳輸。
用法:
<meta http-equiv="expires" content="Fri,12 Jan 2001 18:18:18 GMT">
注意:必須使用GMT的時間格式丽声。
B礁蔗、Pragma(cache模式)
說明:禁止瀏覽器從本地計算機的緩存中訪問頁面內(nèi)容。
用法:
<meta http-equiv="Pragma" content="no-cache">
注意:這樣設(shè)定雁社,訪問者將無法脫機瀏覽浴井。
C、Refresh(刷新)
說明:自動刷新并轉(zhuǎn)到新頁面霉撵。
用法:
<meta http-equiv="Refresh" content="2;URL">磺浙;
//(注意后面的分號,分別在秒數(shù)的前面和網(wǎng)址的后面徒坡,URL可為空)
注意:其中的2是指停留2秒鐘后自動刷新到URL網(wǎng)址撕氧。
D、Set-Cookie(cookie設(shè)定)
說明:如果網(wǎng)頁過期喇完,那么存盤的cookie將被刪除伦泥。
用法:
<meta http-equiv="Set-Cookie"
content="cookievalue=xxx; expires=Friday,12-Jan-2001 18:18:18 GMT; path=/">
注意:必須使用GMT的時間格式。
E锦溪、Window-target(顯示窗口的設(shè)定)
說明:強制頁面在當(dāng)前窗口以獨立頁面顯示不脯。
用法:
<meta http-equiv="Window-target" content="_top">
注意:用來防止別人在框架里調(diào)用自己的頁面。
F刻诊、content-Type(顯示字符集的設(shè)定)
說明:設(shè)定頁面使用的字符集防楷。
用法:
<meta http-equiv="content-Type" content="text/html; charset=gb2312">
G、content-Language(顯示語言的設(shè)定)
用法:
<meta http-equiv="Content-Language" content="zh-cn" />
功能
上面我們介紹了meta標(biāo)簽的一些基本組成坏逢,接著我們再來一起看看meta標(biāo)簽的常見功能:
?
1域帐、幫助主頁被各大搜索引擎登錄
meta標(biāo)簽的一個很重要的功能就是設(shè)置關(guān)鍵字赘被,來幫助你的主頁被各大搜索引擎登錄是整,提高網(wǎng)站的訪問量肖揣。在這個功能中,最重要的就是對Keywords和description的設(shè)置浮入。因為按照搜索引擎的工作原理龙优,搜索引擎首先派出機器人自動檢索頁面中的keywords和description,并將其加入到自己的數(shù)據(jù)庫事秀,然后再根據(jù)關(guān)鍵詞的密度將網(wǎng)站排序彤断。因此,我們必須設(shè)置好關(guān)鍵字易迹,來提高頁面的搜索點擊率宰衙。
下面我們來舉一個例子供大家參考:<meta name="keywords" content="政治,經(jīng)濟睹欲,科技供炼,文化,衛(wèi)生窘疮,情感袋哼,心靈,娛樂闸衫,生活涛贯,社會,企業(yè)蔚出,交通">
<meta name="description" content="政治弟翘,經(jīng)濟,科技骄酗,文化稀余,衛(wèi)生,
情感酥筝,心靈滚躯,娛樂,生活嘿歌,社會掸掏,企業(yè),交通">
設(shè)置好這些關(guān)鍵字后宙帝,搜索引擎將會自動把這些關(guān)鍵字添加到數(shù)據(jù)庫中丧凤,并根據(jù)這些關(guān)鍵字的密度來進行合適的排序。
?
2步脓、定義頁面的使用語言
這是meta標(biāo)簽最常見的功能愿待,在制作網(wǎng)頁時浩螺,我們在純HTML代碼下都會看到它,它起的作用是定義你網(wǎng)頁的語言仍侥,當(dāng)瀏覽者訪問你的網(wǎng)頁時要出,瀏覽器會自動識別并設(shè)置網(wǎng)頁中的語言,如果你網(wǎng)頁設(shè)置的是GB碼农渊,而瀏覽者沒有安裝GB碼患蹂,這時網(wǎng)頁只會呈現(xiàn)瀏覽者所設(shè)置的瀏覽器默認語言。同樣的砸紊,如果該網(wǎng)頁是英語传于,那么charset=en。
下面就是一個具有代表性的例子:
<meta http-equiv=″content-Type″ content=″text/html; charset=gb2312″>
該代碼就表示將網(wǎng)頁的語言設(shè)置成國標(biāo)碼醉顽。
?
3沼溜、自動刷新并指向新的頁面
如果你想使您的網(wǎng)頁在無人控制的情況下,能自動在指定的時間內(nèi)去訪問指定的網(wǎng)頁游添,就可以使用meta標(biāo)簽的自動刷新網(wǎng)頁的功能系草。下面我們來看一段代碼:
<meta http-equiv=″refresh″ content=″2; URL=
這段代碼可以使當(dāng)前某一個網(wǎng)頁在2秒后自動轉(zhuǎn)到頁面中去,這就是meta的刷新作用否淤,在content中悄但,2代表設(shè)置的時間(單位為秒),而URL就是在指定的時間后自動連接的網(wǎng)頁地址石抡。
動畫效果
-
使用meta標(biāo)簽檐嚣,我們還可以在進入網(wǎng)頁或者離開網(wǎng)頁的一剎那實現(xiàn)動畫效果,我們只要在頁面的html代碼中的<head></head>啰扛;標(biāo)簽之間添加如下代碼就可以了:
<meta http-equiv="Page-Enter" content="revealTrans(duration=5.0,transition=20)">
一旦上述代碼被加到一個網(wǎng)頁中后嚎京,我們再進出頁面時就會看到一些特殊效果,這個功能其實與FrontPage2000中的Format/Page Transition一樣隐解,但我們要注意的是所加網(wǎng)頁不能是一個Frame頁鞍帝; RevealTrans動態(tài)濾鏡
Duration表示濾鏡特效的持續(xù)時間(單位:秒)
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種隨機選擇一種
?
<big>網(wǎng)頁定級評價</big>
?IE4.0以上版本的瀏覽器可以防止瀏覽一些受限制的網(wǎng)站帕涌,而之所以瀏覽器會自動識別某些網(wǎng)站是否受限制,就是因為在網(wǎng)站meta標(biāo)簽中已經(jīng)設(shè)置好了該網(wǎng)站的級別续徽,而該級別的評定是由美國RSAC蚓曼,即娛樂委員會的評級機構(gòu)評定的,如果你需要評價自己的網(wǎng)站钦扭,按要求提交表格纫版,那么RSAC會提供一段meta代碼給你,復(fù)制到自己網(wǎng)頁里就可以了客情。下面就是一段代碼的樣例:
<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))′>
<big>控制頁面緩沖</big>
?meta標(biāo)簽可以設(shè)置網(wǎng)頁到期的時間其弊,也就是說癞己,當(dāng)你在Internet Explorer 瀏覽器中設(shè)置瀏覽網(wǎng)頁時首先查看本地緩沖里的頁面,那么當(dāng)瀏覽某一網(wǎng)頁梭伐,而本地緩沖又有時痹雅,那么瀏覽器會自動瀏覽緩沖區(qū)里的頁面,直到meta中設(shè)置的時間到期籽御,這時候练慕,瀏覽器才會去取得新頁面惰匙。例如下面這段代碼就表示網(wǎng)頁的到期時間是2001年1月12日18時18分18秒技掏。
<meta http-equiv=″expires″ content=″Friday,12-Jan-2001 18:18:18 GMT″>
<big>控制網(wǎng)頁窗口</big>
?我們還可以使用meta標(biāo)簽來控制網(wǎng)頁顯示的窗口,只要在網(wǎng)頁中加入下面的代碼就可以了:
<metahttp-equiv="window-target" content="_top">项鬼;
哑梳,這段代碼可以防止網(wǎng)頁被別人作為一個Frame調(diào)用。
其他用法
-
scheme(方案)
說明:scheme can be used when name is used to specify how the value of content should be interpreted.
用于指定要用來翻譯屬性值的方案绘盟。此方案應(yīng)該在由 <head> 標(biāo)簽的 profile 屬性指定的概況文件中進行了定義鸠真。
用法:<meta scheme="ISBN" name="identifier" content="0-14-XXXXXX-1" >
Link (鏈接)
說明:鏈接到文件
用法:`<Link href="soim.ico" rel="Shortcut Icon">
注意:很多網(wǎng)站如果你把它保存在收件夾中后,會發(fā)現(xiàn)它連帶著一個小圖標(biāo)龄毡,如果再次點擊進入之后還會發(fā)現(xiàn)地址欄中也有個小圖標(biāo)》途恚現(xiàn)在只要在你的頁頭加上這段話,就能輕松實現(xiàn)這一功能沦零。<LINK> 用來將文件與其它 URL 作連結(jié)祭隔,但不會有連結(jié)按鈕,用于<HEAD> 標(biāo)記間路操, 格式如下:<link href="URL" rel="relationship"> <link href="URL" rev="relationship">
Base (基鏈接)
說明:插入網(wǎng)頁基鏈接屬性
注意:你網(wǎng)頁上的所有相對路徑在鏈接時都將在前面加上URL疾渴。其中target="_blank"是鏈接文件在新的窗口中打開,你可以做其他設(shè)置屯仗。將“_blank”改為“_parent”是鏈接文件將在當(dāng)前窗口的父級窗口中打開搞坝;改為“_self”鏈接文件在當(dāng)前窗口(幀)中打開;改為“_top”鏈接文件全屏顯示魁袜。
使用方法
- Meta標(biāo)簽是用來描述網(wǎng)頁屬性的一種語言桩撮,標(biāo)準(zhǔn)的Meta標(biāo)簽可以便于搜索引擎排序,提高搜索引擎網(wǎng)站權(quán)重排名峰弹。想網(wǎng)站做的更符合搜索引擎標(biāo)準(zhǔn)就必須了解meta標(biāo)簽店量,下面由Seoer惜緣給大家講講meta標(biāo)簽含義與使用方法:
?
keywords
META標(biāo)簽的keywords
寫法為:<meta name="Keywords" content="信息參數(shù)" >
meta標(biāo)簽的Keywords的的信息參數(shù),代表說明網(wǎng)站的關(guān)鍵詞是什么垮卓。
?
Description
META標(biāo)簽的Description
寫法為:<meta name="Description" content="信息參數(shù)" >
meta標(biāo)簽的Description的信息參數(shù)垫桂,代表說明網(wǎng)站的主要內(nèi)容,概況是什么粟按。
?
Content-Type
META標(biāo)簽的http-equiv=Content-Type content="text/html
http-equiv=Content-Type代表的是HTTP的頭部協(xié)議诬滩,提示瀏覽器網(wǎng)頁的信息霹粥,
寫法為:<meta http-equiv="Content-Type" content="text/html; charset=信息參數(shù)" >
?meta標(biāo)簽的charset的信息參數(shù)如GB2312(或GBK)時,代表說明網(wǎng)站是采用的編碼是簡體中文疼鸟;
?meta標(biāo)簽的charset的信息參數(shù)如BIG5時后控,代表說明網(wǎng)站是采用的編碼是繁體中文;
?meta標(biāo)簽的charset的信息參數(shù)如iso-2022-jp時空镜,代表說明網(wǎng)站是采用的編碼是日文浩淘;
?meta標(biāo)簽的charset的信息參數(shù)如ks_c_5601時,代表說明網(wǎng)站是采用的編碼是韓文吴攒;
?meta標(biāo)簽的charset的信息參數(shù)如ISO-8859-1時张抄,代表說明網(wǎng)站是采用的編碼是英文;
?meta標(biāo)簽的charset的信息參數(shù)如UTF-8時洼怔,代表世界通用的語言編碼署惯。
注:在HTML5中,在表達charset信息時可以簡寫镣隶,前面的內(nèi)容可以去掉极谊,即寫法是: <meta charset="GBK">
?
generator
META標(biāo)簽的generator
寫法為:<meta name="generator" content="信息參數(shù)" />
meta標(biāo)簽的generator的信息參數(shù),代表說明網(wǎng)站的采用的什么軟件制作安岂。
?
author
META標(biāo)簽的author
寫法為:<meta name="author" content="信息參數(shù)">
meta標(biāo)簽的author的信息參數(shù)轻猖,代表說明網(wǎng)頁版權(quán)作者信息。
?
META標(biāo)簽的http-equiv="Refresh"
寫法為:<Meta http-equiv="Refresh" Content="時間域那; Url=網(wǎng)址參數(shù)">
meta標(biāo)簽的Refresh代表多少時間網(wǎng)頁自動刷新咙边,加上Url中的網(wǎng)址參數(shù)就代表,多長時間自動鏈接其他網(wǎng)址琉雳。
?
Pragma
META標(biāo)簽的HTTP-EQUⅣ="Pragma" CONTENT="no-cache"
寫法為:<META HTTP-EQUⅣ="Pragma" CONTENT="no-cache">样眠;
代表禁止瀏覽器從本地計算機的緩存中訪問頁面內(nèi)容,這樣設(shè)定翠肘,訪問者將無法脫機瀏覽檐束。
?
COPYRIGHT
META標(biāo)簽的COPYRIGHT
寫法為:<META NAME="COPYRIGHT" CONTENT="信息參數(shù)">
meta標(biāo)簽的COPYRIGHT的信息參數(shù),代表說明網(wǎng)站版權(quán)信息束倍。
?
imagetoolbar
META標(biāo)簽的http-equiv="imagetoolbar"
寫法為:<meta http-equiv="imagetoolbar" content="false" >
指定是否顯示圖片工具欄被丧,當(dāng)為false代表不顯示,當(dāng)為true代表顯示绪妹。
?
Content-Script-Type
META標(biāo)簽的Content-Script-Type
寫法為:<Meta http-equiv="Content-Script-Type" Content="text/javascript">
W3C網(wǎng)頁規(guī)范甥桂,指明頁面中腳本的類型。
?
revisit-after
META標(biāo)簽的revisit-after
寫法為:<META name="revisit-after" CONTENT="7 days" >
revisit-after代表網(wǎng)站重訪邮旷,7 days代表7天黄选,依此類推。
?
Robots
META標(biāo)簽的Robots
寫法為:<meta name="Robots" content="信息參數(shù)">
Robots代表告訴搜索引擎機器人抓取哪些頁面
其中的屬性
- 信息參數(shù)為all:文件將被檢索,且頁面上的鏈接可以被查詢办陷;
信息參數(shù)為none:文件將不被檢索貌夕,且頁面上的鏈接不可以被查詢;
信息參數(shù)為index:文件將被檢索民镜;
信息參數(shù)為follow:頁面上的鏈接可以被查詢啡专;
信息參數(shù)為noindex:文件將不被檢索,但頁面上的鏈接可以被查詢制圈;
信息參數(shù)為nofollow:文件將被檢索们童,但頁面上的鏈接不可以被查詢;
標(biāo)簽優(yōu)化
- meta標(biāo)簽的內(nèi)容優(yōu)化很有可能將會成為一個網(wǎng)站點擊率獲取最關(guān)鍵的一個內(nèi)容鲸鹦,如何更好進行meta標(biāo)簽內(nèi)容的優(yōu)化慧库?
1、細化監(jiān)控范圍亥鬓;
2完沪、建立動態(tài)網(wǎng)頁標(biāo)題和meta描述;
3嵌戈、監(jiān)視你的谷歌網(wǎng)站管理員網(wǎng)站簡介;
4听皿、包括你的獨特的價值主張熟呛;
5、寫的用戶尉姨,而不是機器人庵朝。
英文前綴
- 前綴
pref.
⒈表示"變化","變換"
⒉表示"繼","在...之后"
⒊表示"超越"
⒋表示"在...之間","介于"
5.在邏輯學(xué)中是“關(guān)于那個的,更高層次”的意思
例詞:metaphysics又厉,Metamathematics(表示高層次的數(shù)理哲學(xué))
?
n.
⒈形而上學(xué)九府;玄學(xué)
⒉深奧莫測的推理;空談覆致;空頭理論
??來自希臘語侄旬,最初來源是作為亞里士多德所著《形而上學(xué)》一書的書名,意指 “ 第一哲學(xué) ”煌妈,也就是以 “ 作為存在的存在(being as being)” 為研究對象的形而上學(xué)儡羔,其意義為 “ 在具體科學(xué)之后 ”。
?
模板meta語言
模板meta語言由GDMO提出璧诵,采用類似于BNF的語法汰蜘,因此與ASN.1相似,只要了解了它與ASN.1的不同之處就可以在ASN.1有關(guān)知識的基礎(chǔ)上正確使用之宿。因此族操,這里只將有關(guān)要點進行如下說明:
⒈分號(;)用于終止結(jié)構(gòu)和中止模板
⒉空格比被,空行色难,注釋和行尾只起分割符的作用炕婶。在需要標(biāo)志一個元素結(jié)束,另一個元素開始時使用莱预。
⒊注釋由雙連字符(--)引導(dǎo)柠掂,在行尾或遇到另外的雙連字符終止∫谰冢可以出現(xiàn)在任何分隔區(qū)中涯贞,但不能出現(xiàn)在結(jié)構(gòu)名或模板名所包含的空格之間。
⒋方括號([ ])用于指出模板定義中的可選元素危喉。
⒌右圓括號中的星號(*)
指出模板定義中的可選元素宋渔。
⒍選擇對象由豎線(|)分割。這個符號旨在支持件的定義中使用辜限。
⒎將由用戶確定的字符串?dāng)U在尖括號(<>皇拣;)中。
⒏附件用一個引用標(biāo)號薄嫡,后接符號->>氧急;,后接一個由文本字符串和符號構(gòu)成的語法定義組成毫深。
⒐分隔串出現(xiàn)在模板定義中自然語言文本或形式說明文本之中吩坝。他們由任意的字符串組成,字符串可以由以下任意一個分隔符引導(dǎo)和終止哑蔫。分隔符是“$ % ^ & * ` ' ~ @ \”钉寝。如果分隔串由某個分隔符開始,則這個分隔串直到再次遇到相同的分隔符才結(jié)束闸迷。