meta

meta

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

外文名 所處位置 含義 屬性
meta? 文檔的頭部,不包含任何內(nèi)容 元素可提供相關頁面的元信息 定義了與文檔相關聯(lián)的名稱/值對

簡介

meta標簽共有兩個屬性,它們分別是http-equiv屬性和name屬性,不同的屬性又有不同的參數(shù)值,這些不同的參數(shù)值就實現(xiàn)了不同的網(wǎng)頁功能。
?
<meta> 元素可提供有關頁面的元信息(meta-information),比如針對搜索引擎和更新頻度的描述和關鍵詞。
?
<meta> 標簽位于文檔的頭部,不包含任何內(nèi)容。<meta> 標簽的屬性定義了與文檔相關聯(lián)的名稱/值對。
?
meta是html語言head區(qū)的一個輔助性標簽。幾乎所有的網(wǎng)頁里,我們可以看到類似下面這段的html代碼:

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

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


提示和注釋

  • 注釋:<meta> 標簽永遠位于 head 元素內(nèi)部。
    注釋:元數(shù)據(jù)總是以名稱/值的形式被成對傳遞的。
    ?

name屬性

name屬性主要用于描述網(wǎng)頁,與之對應的屬性值為content,content中的內(nèi)容主要是便于搜索引擎機器人查找信息和分類信息用的。
?
meta標簽的name屬性語法格式是:<meta name="參數(shù)" content="具體的參數(shù)值">;。
?
其中name屬性主要有以下幾種參數(shù):
A、Keywords(關鍵字)
說明:keywords用來告訴搜索引擎你網(wǎng)頁的關鍵字是什么。
舉例:

    <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)的設計要點:
①網(wǎng)頁描述為自然語言而不是羅列關鍵詞(與keywords設計正好相反);
②盡可能準確地描述網(wǎng)頁的核心內(nèi)容,通常為網(wǎng)頁內(nèi)容的摘要信息,也就是希望搜索引擎在檢索結果中展示的摘要信息;
③網(wǎng)頁描述中含有有效關鍵詞;
④網(wǎng)頁描述內(nèi)容與網(wǎng)頁標題內(nèi)容有高度相關性;
⑤網(wǎng)頁描述內(nèi)容與網(wǎng)頁主體內(nèi)容有高度相關性;
⑥網(wǎng)頁描述的文字不必太多,一般不超過搜索引擎檢索結果摘要信息的最多字數(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(作者)
說明:標注網(wǎng)頁的作者
?

http-equiv屬性

http-equiv顧名思義,相當于http的文件頭作用,它可以向瀏覽器傳回一些有用的信息,以幫助正確和精確地顯示網(wǎng)頁內(nèi)容,與之對應的屬性值為content,content中的內(nèi)容其實就是各個參數(shù)的變量值
?
meta標簽的http-equiv屬性語法格式是:<meta http-equiv="參數(shù)" content="參數(shù)變量值">;其中http-equiv屬性主要有以下幾種參數(shù):
A、Expires(期限)
說明:可以用于設定網(wǎng)頁的到期時間。一旦網(wǎng)頁過期,必須到服務器上重新傳輸。
用法:

    <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">

注意:這樣設定,訪問者將無法脫機瀏覽。
C、Refresh(刷新)
說明:自動刷新并轉(zhuǎn)到新頁面。
用法:

    <meta http-equiv="Refresh" content="2;URL">;
    //(注意后面的分號,分別在秒數(shù)的前面和網(wǎng)址的后面,URL可為空)

注意:其中的2是指停留2秒鐘后自動刷新到URL網(wǎng)址。
D、Set-Cookie(cookie設定)
說明:如果網(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(顯示窗口的設定)
說明:強制頁面在當前窗口以獨立頁面顯示。
用法:

    <meta http-equiv="Window-target" content="_top">

注意:用來防止別人在框架里調(diào)用自己的頁面。
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標簽的常見功能:
?
1、幫助主頁被各大搜索引擎登錄
meta標簽的一個很重要的功能就是設置關鍵字,來幫助你的主頁被各大搜索引擎登錄,提高網(wǎng)站的訪問量。在這個功能中,最重要的就是對Keywords和description的設置。因為按照搜索引擎的工作原理,搜索引擎首先派出機器人自動檢索頁面中的keywords和description,并將其加入到自己的數(shù)據(jù)庫,然后再根據(jù)關鍵詞的密度將網(wǎng)站排序。因此,我們必須設置好關鍵字,來提高頁面的搜索點擊率。
下面我們來舉一個例子供大家參考:<meta name="keywords" content="政治,經(jīng)濟,科技,文化,衛(wèi)生,情感,心靈,娛樂,生活,社會,企業(yè),交通">

  <meta name="description" content="政治,經(jīng)濟,科技,文化,衛(wèi)生,
                                      情感,心靈,娛樂,生活,社會,企業(yè),交通">

設置好這些關鍵字后,搜索引擎將會自動把這些關鍵字添加到數(shù)據(jù)庫中,并根據(jù)這些關鍵字的密度來進行合適的排序。
?
2、定義頁面的使用語言
這是meta標簽最常見的功能,在制作網(wǎng)頁時,我們在純HTML代碼下都會看到它,它起的作用是定義你網(wǎng)頁的語言,當瀏覽者訪問你的網(wǎng)頁時,瀏覽器會自動識別并設置網(wǎng)頁中的語言,如果你網(wǎng)頁設置的是GB碼,而瀏覽者沒有安裝GB碼,這時網(wǎng)頁只會呈現(xiàn)瀏覽者所設置的瀏覽器默認語言。同樣的,如果該網(wǎng)頁是英語,那么charset=en。
下面就是一個具有代表性的例子:

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

該代碼就表示將網(wǎng)頁的語言設置成國標碼。
?
3、自動刷新并指向新的頁面
如果你想使您的網(wǎng)頁在無人控制的情況下,能自動在指定的時間內(nèi)去訪問指定的網(wǎng)頁,就可以使用meta標簽的自動刷新網(wǎng)頁的功能。下面我們來看一段代碼:

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

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


動畫效果

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

      <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標簽中已經(jīng)設置好了該網(wǎng)站的級別,而該級別的評定是由美國RSAC,即娛樂委員會的評級機構評定的,如果你需要評價自己的網(wǎng)站,按要求提交表格,那么RSAC會提供一段meta代碼給你,復制到自己網(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標簽可以設置網(wǎng)頁到期的時間,也就是說,當你在Internet Explorer 瀏覽器中設置瀏覽網(wǎng)頁時首先查看本地緩沖里的頁面,那么當瀏覽某一網(wǎng)頁,而本地緩沖又有時,那么瀏覽器會自動瀏覽緩沖區(qū)里的頁面,直到meta中設置的時間到期,這時候,瀏覽器才會去取得新頁面。例如下面這段代碼就表示網(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標簽來控制網(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.
    用于指定要用來翻譯屬性值的方案。此方案應該在由 <head> 標簽的 profile 屬性指定的概況文件中進行了定義。
    用法:<meta scheme="ISBN" name="identifier" content="0-14-XXXXXX-1" >
    Link (鏈接)
    說明:鏈接到文件
    用法:`<Link href="soim.ico" rel="Shortcut Icon">
    注意:很多網(wǎng)站如果你把它保存在收件夾中后,會發(fā)現(xiàn)它連帶著一個小圖標,如果再次點擊進入之后還會發(fā)現(xiàn)地址欄中也有個小圖標。現(xiàn)在只要在你的頁頭加上這段話,就能輕松實現(xiàn)這一功能。<LINK> 用來將文件與其它 URL 作連結,但不會有連結按鈕,用于<HEAD> 標記間, 格式如下:

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

Base (基鏈接)
說明:插入網(wǎng)頁基鏈接屬性
注意:你網(wǎng)頁上的所有相對路徑在鏈接時都將在前面加上URL。其中target="_blank"是鏈接文件在新的窗口中打開,你可以做其他設置。將“_blank”改為“_parent”是鏈接文件將在當前窗口的父級窗口中打開;改為“_self”鏈接文件在當前窗口(幀)中打開;改為“_top”鏈接文件全屏顯示。


使用方法

  • Meta標簽是用來描述網(wǎng)頁屬性的一種語言,標準的Meta標簽可以便于搜索引擎排序,提高搜索引擎網(wǎng)站權重排名。想網(wǎng)站做的更符合搜索引擎標準就必須了解meta標簽,下面由Seoer惜緣給大家講講meta標簽含義與使用方法:
    ?
    keywords
    META標簽的keywords
    寫法為:<meta name="Keywords" content="信息參數(shù)" >
    meta標簽的Keywords的的信息參數(shù),代表說明網(wǎng)站的關鍵詞是什么。
    ?
    Description
    META標簽的Description
    寫法為:<meta name="Description" content="信息參數(shù)" >
    meta標簽的Description的信息參數(shù),代表說明網(wǎng)站的主要內(nèi)容,概況是什么。
    ?
    Content-Type
    META標簽的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標簽的charset的信息參數(shù)如GB2312(或GBK)時,代表說明網(wǎng)站是采用的編碼是簡體中文;
    ?meta標簽的charset的信息參數(shù)如BIG5時,代表說明網(wǎng)站是采用的編碼是繁體中文;
    ?meta標簽的charset的信息參數(shù)如iso-2022-jp時,代表說明網(wǎng)站是采用的編碼是日文;
    ?meta標簽的charset的信息參數(shù)如ks_c_5601時,代表說明網(wǎng)站是采用的編碼是韓文;
    ?meta標簽的charset的信息參數(shù)如ISO-8859-1時,代表說明網(wǎng)站是采用的編碼是英文;
    ?meta標簽的charset的信息參數(shù)如UTF-8時,代表世界通用的語言編碼。
    注:在HTML5中,在表達charset信息時可以簡寫,前面的內(nèi)容可以去掉,即寫法是: <meta charset="GBK">
    ?
    generator
    META標簽的generator
    寫法為:<meta name="generator" content="信息參數(shù)" />
    meta標簽的generator的信息參數(shù),代表說明網(wǎng)站的采用的什么軟件制作。
    ?
    author
    META標簽的author
    寫法為:<meta name="author" content="信息參數(shù)">
    meta標簽的author的信息參數(shù),代表說明網(wǎng)頁版權作者信息。
    ?
    META標簽的http-equiv="Refresh"
    寫法為:<Meta http-equiv="Refresh" Content="時間; Url=網(wǎng)址參數(shù)">
    meta標簽的Refresh代表多少時間網(wǎng)頁自動刷新,加上Url中的網(wǎng)址參數(shù)就代表,多長時間自動鏈接其他網(wǎng)址。
    ?
    Pragma
    META標簽的HTTP-EQUⅣ="Pragma" CONTENT="no-cache"
    寫法為:<META HTTP-EQUⅣ="Pragma" CONTENT="no-cache">;
    代表禁止瀏覽器從本地計算機的緩存中訪問頁面內(nèi)容,這樣設定,訪問者將無法脫機瀏覽。
    ?
    COPYRIGHT
    META標簽的COPYRIGHT
    寫法為:<META NAME="COPYRIGHT" CONTENT="信息參數(shù)">
    meta標簽的COPYRIGHT的信息參數(shù),代表說明網(wǎng)站版權信息。
    ?
    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網(wǎng)頁規(guī)范,指明頁面中腳本的類型。
    ?
    revisit-after
    META標簽的revisit-after
    寫法為:<META name="revisit-after" CONTENT="7 days" >
    revisit-after代表網(wǎng)站重訪,7 days代表7天,依此類推。
    ?
    Robots
    META標簽的Robots
    寫法為:<meta name="Robots" content="信息參數(shù)">
    Robots代表告訴搜索引擎機器人抓取哪些頁面

其中的屬性

  • 信息參數(shù)為all:文件將被檢索,且頁面上的鏈接可以被查詢;
    信息參數(shù)為none:文件將不被檢索,且頁面上的鏈接不可以被查詢;
    信息參數(shù)為index:文件將被檢索;
    信息參數(shù)為follow:頁面上的鏈接可以被查詢;
    信息參數(shù)為noindex:文件將不被檢索,但頁面上的鏈接可以被查詢;
    信息參數(shù)為nofollow:文件將被檢索,但頁面上的鏈接不可以被查詢;

標簽優(yōu)化

  • meta標簽的內(nèi)容優(yōu)化很有可能將會成為一個網(wǎng)站點擊率獲取最關鍵的一個內(nèi)容,如何更好進行meta標簽內(nèi)容的優(yōu)化?
    1、細化監(jiān)控范圍;
    2、建立動態(tài)網(wǎng)頁標題和meta描述;
    3、監(jiān)視你的谷歌網(wǎng)站管理員網(wǎng)站簡介;
    4、包括你的獨特的價值主張;
    5、寫的用戶,而不是機器人。

英文前綴

  • 前綴
    pref.
    ⒈表示"變化","變換"
    ⒉表示"繼","在...之后"
    ⒊表示"超越"
    ⒋表示"在...之間","介于"
    5.在邏輯學中是“關于那個的,更高層次”的意思
    例詞:metaphysics,Metamathematics(表示高層次的數(shù)理哲學)
    ?
    n.
    ⒈形而上學;玄學
    ⒉深奧莫測的推理;空談;空頭理論
    ??來自希臘語,最初來源是作為亞里士多德所著《形而上學》一書的書名,意指 “ 第一哲學 ”,也就是以 “ 作為存在的存在(being as being)” 為研究對象的形而上學,其意義為 “ 在具體科學之后 ”。
    ?
    模板meta語言
    模板meta語言由GDMO提出,采用類似于BNF的語法,因此與ASN.1相似,只要了解了它與ASN.1的不同之處就可以在ASN.1有關知識的基礎上正確使用。因此,這里只將有關要點進行如下說明:
    ⒈分號(;)用于終止結構和中止模板
    ⒉空格,空行,注釋和行尾只起分割符的作用。在需要標志一個元素結束,另一個元素開始時使用。
    ⒊注釋由雙連字符(--)引導,在行尾或遇到另外的雙連字符終止。可以出現(xiàn)在任何分隔區(qū)中,但不能出現(xiàn)在結構名或模板名所包含的空格之間。
    ⒋方括號([ ])用于指出模板定義中的可選元素。
    ⒌右圓括號中的星號(*)指出模板定義中的可選元素。
    ⒍選擇對象由豎線(|)分割。這個符號旨在支持件的定義中使用。
    ⒎將由用戶確定的字符串擴在尖括號(<>;)中。
    ⒏附件用一個引用標號,后接符號->>;,后接一個由文本字符串和符號構成的語法定義組成。
    ⒐分隔串出現(xiàn)在模板定義中自然語言文本或形式說明文本之中。他們由任意的字符串組成,字符串可以由以下任意一個分隔符引導和終止。分隔符是“$ % ^ & * ` ' ~ @ \”。如果分隔串由某個分隔符開始,則這個分隔串直到再次遇到相同的分隔符才結束。
最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容

  • 隨著html5的普及和Web技術的凈化,從Windows XP的IE6到IE8、IE9、IE10、IE11,Edg...
    波段頂?shù)?/span>閱讀 2,263評論 1 1
  • 1. meta標簽的組成 meta標簽共有兩個屬性,它們分別是http-equiv屬性和name屬性 1. nam...
    Maggie_77閱讀 519評論 1 1
  • meta是html語言head區(qū)的一個輔助性標簽。也許你認為這些代碼可有可無。其實如果你能夠用好meta標簽,會給...
    才気莮孒閱讀 1,027評論 0 2
  • (注1:如果有問題歡迎留言探討,一起學習!轉(zhuǎn)載請注明出處,喜歡可以點個贊哦!)(注2:更多內(nèi)容請查看我的目錄。) ...
    love丁酥酥閱讀 950評論 2 3
  • 進入黑暗時代的大門 見證韃虜凌虐的殘酷 從溫潤君子到冰冷無情 汝不滅亡焉有新生 被扒皮的不只是熊 右衽 鬼子的辦公...
    哲人路飛閱讀 125評論 0 0