META標簽

Meta標簽是一種用來描述網頁屬性的語言標準的Meta標簽可以方便搜索引擎的排名，提高搜索引擎網站的排名。

META標簽

Meta標簽有兩個屬性，分別是http-Equiv屬性和name屬性，不同的屬性有不同的參數值，這些不同的參數值實現不同的網頁功能。

元素可以提供關于頁面的元信息（meta-信息），例如搜索引擎的描述和關鍵字以及更新頻率。

meta 標簽位于文檔的頭部，不包含任何內容。meta 標簽的屬性定義了與文檔相關聯的名稱/值對。

Meta是html語言頭部區域的輔助標簽。在幾乎所有的網頁中，我們都能看到類似下面這段的html代碼：

head

meta http-equiv='content-Type' 內容='text/html; charset=gb2312' 

head

也許你覺得這些代碼可有可無。其實如果你能很好的利用meta標簽，會給你帶來意想不到的效果，比如添加關鍵詞，會被大型搜索網站自動收錄；可以設置頁面格式，刷新等。

注釋：meta 標記始終位于 head 元素內部。

注釋：元數據總是被命名的/值成對傳遞。

name屬性

name屬性主要用來描述網頁，對應的屬性值是content內容中的內容主要是搜索引擎機器人用來查找信息和對信息進行分類的。

元標記的名稱屬性的語法格式是：meta name='參數' 內容='具體的參數值'

name屬性主要有以下參數：

A、關鍵詞（關鍵字）

說明：關鍵詞用來告訴搜索引擎你的網頁的關鍵詞是什么。

舉例：meta name ='關鍵詞關鍵詞' 內容='科學教育文化政治經濟人際關系娛樂人類'

B、類型（網站內容描述）

說明：描述是用來告訴搜索引擎你網站的主要內容。

網站內容描述（類型）的設計要點：

①把網頁描述成自然語言，而不是羅列關鍵詞（與關鍵字設計相反）

②盡可能準確地描述網頁的核心內容，通常是網頁內容的抽象信息，也就是搜索引擎想要在搜索結果中顯示的抽象信息；

③網頁描述包含有效關鍵詞；

④網頁的描述內容與網頁的標題內容有很高的相關性；

⑤網頁的描述內容與網頁的主要內容有很高的相關性；

⑥描述一個網頁不需要太多的字數，一般不超過搜索引擎檢索結果摘要信息的最大字數（通常在100中文字在內，不同的搜索引擎略有不同）

舉例：meta name='類型' 內容='科學教育文化.

C、robots（0x9B9C]

說明：機器人被用來告訴搜索機器人哪些頁面需要索引，哪些頁面不需要t。

內容的參數有全部,無,索引,機器人向導,跟隨,不跟隨。默認是all。

舉例：meta name='robots' 內容='none'

D、author（作者）

說明：標注網頁的作者

http-equiv屬性

http-Equiv，顧名思義，相當于http的header函數它可以向瀏覽器發回一些有用的信息，幫助正確準確地顯示網頁內容對應的屬性值是content，內容中的內容實際上是每個參數的變量值。

meta標記的Http-Equiv屬性的語法格式是：meta http-equiv='參數' 內容='參數變量值' ；其中http-Equiv屬性主要有以下參數：

A、Expires（期限）

說明：可用于設置網頁的過期時間。一旦網頁過期，它必須重新傳輸到服務器。

用法：meta http-equiv='0x9B9C] 內容='Fri，12  Jan  2001 18:18:183  GMT'

注意：必須使用GMT時間格式。

B、Pragma(cache模式）

說明：禁止瀏覽器從本地計算機下載snoindex中訪問頁面內容。

用法：meta http-equiv='Pragma' 內容='no-cache'

注意：使用此設置，訪問者將無法脫機瀏覽。

C、Refresh（刷新）

說明：自動刷新并轉到新頁面。

用法：meta http-equiv='Refresh' 內容='2;URL'注意后面的expires，分別在秒數之前和URL之后URL可以為空）

注意：其中2表示停留2秒后自動刷新到URL。

D、Set-Cookie(甜餅干設定）

說明：如果網頁過期，保存的cookie將被刪除。

用法：meta http-equiv='Set-Cookie' 內容='cookievalue=xxx; 過期=星期五,12-Jan-2001 18:18:183  GMT; 路徑=/

注意：必須使用GMT時間格式。

E、Window-target（顯示窗口的設定）

說明：強制頁面在當前窗口中顯示為單獨的頁面。

用法：meta http-equiv='Window-target' 內容='top'

注意：用于防止其他人調用框架中自己的頁面。

F、content-Type（顯示字符集的設置）

說明：設置頁面使用的字符集。

用法：meta http-equiv='content-Type' 內容='text/html; charset=gb2312'

G、content-語言（顯示語言的設定）

用法：meta http-equiv='Content-語言' 內容='zh-cn' /

功能

上面我們介紹了元標簽的一些基本組件，然后讓 讓我們來看看元標簽的常見功能：

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

meta tag的一個很重要的作用就是設置關鍵詞，幫助你的主頁被各大搜索引擎登錄，增加網站的訪問量。在這個功能中，最重要的是設置關鍵字和描述。因為根據搜索引擎的工作原理，搜索引擎先派機器人自動檢索頁面中的關鍵詞和描述并添加到自己的數據庫中，然后根據關鍵詞的密度對網站進行排名。所以一定要設置關鍵詞，提高頁面的搜索點擊率。讓 讓我們舉個例子供你參考：meta name='關鍵詞關鍵詞' 內容='政治經濟科技文化健康情感心靈娛樂生活社會企業交通'

meta name='類型' 內容='政治經濟科技文化健康情感心靈娛樂生活社會企業交通'

設置好這些關鍵詞后，搜索引擎會自動將這些關鍵詞添加到數據庫中，并根據其密度進行適當排序。

定義頁面的語言

這是meta標簽最常見的功能在制作網頁時，我們會在純HTML代碼中看到它的功能是定義你的網頁語言當瀏覽器訪問您的網頁時，瀏覽器會自動識別并設置網頁中的語言如果你的網頁設置了GB碼，但是瀏覽器沒有安裝GB碼，那么網頁只會呈現瀏覽器設置的瀏覽器默認語言。同樣，如果網頁是英文的，那么charset=en。下面是一個有代表性的例子：

meta http-equiv=″content－Type″ 內容=″text/html; charset=gb2312″

這個代碼意味著網頁的語言設置為國家標準代碼。

自動刷新并指向新頁面

如果想讓你的網頁在指定的時間內自動訪問指定的網頁，沒有任何控制，可以使用meta標簽的自動刷新功能。讓 讓我們看一段代碼：

meta http-equiv=″refresh″ 內容=″2; URL=

這段代碼可以讓一個當前網頁2秒后自動轉到頁面，這就是meta的刷新功能在內容中，2代表凝固時間（單位為秒），URL是在指定時間后自動連接的網頁的地址。

利用meta標簽，我們還可以實現進入或離開網頁瞬間的動畫效果，只要頭部在頁面的html代碼中/head；只需在標記之間添加以下代碼：

meta http-equiv='Page-Enter' 內容='revealTrans(持續時間=5.0,轉換=20)

一旦上面的代碼被添加到一個網頁中，當我們進入和離開頁面時，我們會看到一些特殊的效果該功能實際上與FrontPage2000中的Format相同/Page Transition也是一樣，但是要注意添加的網頁不能是框架頁； RevealTrans動態過濾器

持續時間表示濾鏡效果的持續時間（單位：秒）

過渡過濾器類型。指示要使用的特殊效果，值為0-(23:)211211)

0矩形縮小

1矩形擴大

2 循環縮減

3 圓形放大

4 自下而上刷新

5 從上到下刷新

6 從左向右刷新

7 從右向左刷新

8 垂直百葉窗

9 橫向百葉窗

10 交錯橫向百葉窗

11 交錯垂直百葉窗

12 點擴散

中間刷新1 左右

14 從中間到左右刷新

15 中上下

16 上下到中間

17 右下角到左上角

18 右上角到左下角

193356左上到右下

203356從左下到右上

21 單杠

22 豎線

23 以上22種隨便選一種

網頁定級評價

IE4.0以上的瀏覽器可以阻止瀏覽一些受限網站，而瀏覽器之所以會自動識別一些網站是否受限，是因為在網站meta標簽中已經設置了網站的等級，而這個等級的評級是由美國娛樂委員會的評級機構RSAC評定的如果您需要評估您的網站并按要求提交表格，RSAC將為您提供一個元代碼，并將其復制到您自己的網頁中。這是一段代碼的例子：

meta http-equiv=″PICS－Label″

內容=′PICS－1.1

l   gen   true   comment  ″RSA ci   north   America  服務器″

for

on ″2001.08.16T08:15－0500″

r (n  0 s 33560 v  03  l  0）

控制頁面緩沖

Meta標簽可以設置網頁的過期時間也就是說，當你在Internet Explorer 瀏覽器中設置一個網頁時，首先要看一下本地緩沖區中的頁面然后當你瀏覽一個網頁，本地緩沖區有時候是，瀏覽器會自動瀏覽緩沖區中的頁面，直到meta中設置的時間到期，然后瀏覽器會得到一個新的頁面。例如，以下代碼指示網頁的到期時間是2001年1月12日18 18 18。

meta http-equiv=″expires″ 內容=″12日星期五-Jan-2001 18:18:183  GMT″

控制網頁窗口

我們也可以使用meta標簽來控制網頁上顯示的窗口，只需在網頁上添加以下代碼即可：元超文本傳送協議Hyper Text Transport Protocol的縮寫-equiv='window-target' 內容='top'這個代碼可以防止網頁被別人稱為框架。

scheme(方案)

說明：方案3356可以 使用 時 名稱 是 使用 到 如何 他們 價值 內容3356應該

be  解釋.

允許您指定用于翻譯屬性值的方案。這個場景應該在由 head 標記的 profile 屬性指定的配置文件中定義。

用法：meta scheme='ISBN' 名稱='標識符' 內容='14-XXXXXX-1' 

鏈接 （鏈接）

說明：鏈接到文件

用法：Link href='soim.ico' rel='快捷方式 圖標'

注意：很多網站，如果你把它保存在收件箱里，會發現它伴隨著一個小圖標如果你再次點擊它，你還會在地址欄發現一個小圖標。只要你把這段話加到你的頁面的頁眉上，就可以輕松實現這個功能。LINK 用于將文檔與其他 URL 鏈接起來，但是沒有鏈接按鈕，鏈接按鈕用在HEAD 標簽之間格式如下：

link href='URL' rel='關系'

link href='URL' 版本='關系'

Base (基鏈接)

說明：插入頁面基本鏈接屬性

注意：鏈接時，網頁上的所有相對路徑都將以URL為前綴。其中目標='blank'鏈接文件將在新窗口中打開，您可以進行其他設置。將“blank”改為“parent”是，鏈接文件將在當前窗口的父窗口中打開；改為“self”鏈接的文件在當前窗口中（幀）中打開；改為“top”鏈接文件全屏顯示。

關鍵詞

自指的標簽的關鍵詞

寫法為：meta name='關鍵詞' 內容='信息參數' 

meta標簽中的關鍵字信息參數表示網站的關鍵字是什么。

類型

自指的標簽的描述

寫法為：meta name='類型' 內容='信息參數' 

meta標簽描述的信息參數表示網站的主要內容和概況。

Content-Type

META標記的Http-equiv=內容-類型 內容='text/html

http-equiv=內容-Type代表HTTP的頭協議，提示瀏覽器網頁的信息

寫法為：meta http-equiv='Content-Type' 內容='text/html; charset=信息參數' 

元標簽字符集的信息參數是GB2312（或GBK）當，代表解釋說，網站的編碼是簡體中文；

當meta標簽的charset的信息參數為BIG5時，表示網站采用的編碼為繁體中文；

元標簽字符集的信息參數，如iso-2022-Jp，該代表解釋說，該網站使用的代碼是日語；

元標簽字符集的信息參數，如ks_c_在5601，該代表解釋說，該網站是用朝鮮語編碼的；

元標簽字符集的信息參數，如ISO-8859-1 00，代表解釋說網站是用英文編碼的；

元標簽字符集的信息參數是UTF-八點鐘鐘，它代表了通用的語言編碼。

注：在HTML5中，字符集信息可以被縮寫，以前的內容可以被刪除，也就是說，它被寫成如下形式： 元 字符集='GBK'

發電機

自指的標簽的發電機

寫法為：meta name='發電機' 內容='信息參數' /

元標簽生成器的信息參數表示使用什么軟件來解釋網站的采用。

author

自指的標簽的作者

寫法為：meta name='author' 內容='信息參數'

meta標簽的作者的信息參數表示解釋網頁版權的作者信息。

⒍META標簽的超文本傳送協議Hyper Text Transport Protocol的縮寫-equiv='Refresh'

寫法為：Meta http-equiv='Refresh' 內容='時間； Url=URL參數'

meta標簽的刷新表示網頁自動刷新多長時間，URL中的Url參數表示自動鏈接到其他Url需要多長時間。

Pragma

META標記的HTTP-EQUⅣ='Pragma' 內容='no-cache'

寫法為：META HTTP-EQUⅣ='Pragma' 內容='no-cache'

該代表禁止瀏覽器從本地計算機的緩存中訪問頁面內容，這樣訪問者將無法脫機瀏覽。

版權

自指的標簽的版權

寫法為：META NAME='版權' 內容='信息參數'

meta標簽的版權信息參數代表網站的版權信息。

圖像工具欄

META標記的Http-equiv='圖像工具欄'

寫法為：meta http-equiv='圖像工具欄' 內容='false' 

指定是否顯示圖片工具欄如果為false，則表示不顯示如果為真，則表示顯示。

Content-Script-Type

自指的標簽的內容-Script-Type

寫法為：Meta http-equiv='Content-Script-Type' 內容='text/爪哇描述語言'

W3C網頁規范，指示頁面中腳本的類型。

revisit-after

自指的標簽的重游-after

寫法為：META name='revisit-after' 內容='7 天' 

revisit-之后代表網站重訪，7 天代表7天，以此類推。

Robots

自指的標簽的機器人

寫法為：meta name='Robots' 內容='信息參數'

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

信息參數是all：將檢索該文件，并且可以查詢頁面上的鏈接；

信息參數為無：將不會檢索到該文件，并且無法查詢頁面上的鏈接；

信息參數是索引：文件將被檢索；

信息參數如下：可以查詢頁面上的鏈接；

信息參數是noindex：不會檢索文件，但可以查詢頁面上的鏈接；

信息參數是nofollow：將檢索文件，但無法查詢頁面上的鏈接；

元標簽的內容優化很可能成為一個網站最重要的內容的點擊率如何更好的優化meta標簽的內容？

1、細化監控范圍；

2、創建動態頁面標題和元描述；

3、監控你的谷歌網站管理員的個人資料；

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

5、寫用戶，不寫機器人。

HTML5不支持Scheme 屬性。

在 HTML5 中，有一個新的 charset 屬性，使得字符集的定義更加容易請參考以下使用格式：

 HTML 4.01：meta http-equiv='content-type' 內容='text/html; charset=UTF-8'

 HTML5：meta  字符集='UTF-8'

元標簽元素可以提供相關頁面的元信息（meta-信息），例如搜索引擎的描述和關鍵字以及更新頻率。 meta是html語言頭部區域的輔助標簽，位于文檔的頭部，不包含內容。標簽的屬性定義了與文檔相關聯的名稱/值對。