HTMl中Meta标簽詳解以及meta property=og标簽含義

meta是用來在HTML文檔中模拟HTTP協定的響應頭封包。META标簽是HTML語言HEAD區的一個輔助性标簽，它位于HTML文檔頭部的标記和标記之間，它提供使用者不可見的資訊。meta标簽通常用來為搜尋引擎robots定義頁面主題，或者是定義使用者浏覽器上的cookie；它可以用于鑒别作者，設定頁面格式，标注内容提要和關鍵字；還可以設定頁面使其可以根據你定義的時間間隔重新整理自己,以及設定RASC内容等級，等等。

name 屬性

1、用以說明生成工具（如Microsoft FrontPage 4.0）等；

2、向搜尋引擎說明你的網頁的關鍵詞；

3、告訴搜尋引擎你的站點的主要内容；

4、告訴搜尋引擎你的站點的制作的作者；

5、

　 其中的屬性說明如下：

　 設定為all：檔案将被檢索，且頁面上的連結可以被查詢；

設定為none：檔案将不被檢索，且頁面上的連結不可以被查詢；

設定為index：檔案将被檢索；

設定為follow：頁面上的連結可以被查詢；

設定為noindex：檔案将不被檢索，但頁面上的連結可以被查詢；

設定為nofollow：檔案将不被檢索，頁面上的連結可以被查詢。

http-equiv屬性

1、和 用以說明首頁制作所使用的文字以及語言；又如英文是ISO-8859-1字元集，還有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字元集；

2、http://yourlink“>定時讓網頁在指定的時間n内，跳轉到頁面http://yourlink；

3、可以用于設定網頁的到期時間，一旦過期則必須到伺服器上重新調用。需要注意的是必須使用GMT時間格式；

4、是用于設定禁止浏覽器從本地機的緩存中調閱頁面内容，設定後一旦離開網頁就無法從Cache中再調出；

5、cookie設定，如果網頁過期，存盤的cookie将被删除。需要注意的也是必須使用GMT時間格式；

6、網頁等級評定，在IE的internet選項中有一項内容設定，可以防止浏覽一些受限制的網站，而網站的限制級别就是通過meta屬性來設定的；

7、強制頁面在目前視窗中以獨立頁面顯示，可以防止自己的網頁被别人當作一個frame頁調用；

8、和設定進入和離開頁面時的特殊效果，這個功能即FrontPage中的“格式/網頁過渡”，不過所加的頁面不能夠是一個frame頁面。

Open Graph Protocol

Meta Property=og标簽是什麼呢?

og是一種新的HTTP頭部标記，即Open Graph Protocol：

The Open Graph Protocol enables any web page to become a rich object in a social graph.+ n3 }

即這種協定可以讓網頁成為一個“富媒體對象”。

用了Meta Property=og标簽，就是你同意了網頁内容可以被其他社會化網站引用等，目前這種協定被SNS網站如Fackbook、renren采用。

SNS已經成為網絡上的一大熱門應用，優質的内容通過分享在好友間迅速傳播。為了提高站外内容的傳播效率，2010年F8會議上Facebook公布 了一套開放内容協定(Open Graph Protocol)，任何網頁隻要遵守該協定，SNS就能從頁面上提取最有效的資訊并呈現給使用者。

<meta property=”og:type” content=”video”/>
<meta property=”og:title” content=”五月天_突然好想你MV現場版”/>
<meta property=”og:image” content=”http://g1.ykimg.com/0100641F464A ... 9-76EA-E5E20A1887C4″/>
<meta property=”og:url” content=”http://v.youku.com/v_show/id_XMTIyMTY5NzMy.html”/>
<meta property=”og:videosrc” content=”http://player.youku.com/player.p ... AutoPlay=true/v.swf”/>
<meta property=”og:width” content=”500″ />
<meta property=”og:height” content=”416″ />
<meta property=”og:type” content=”video”/>
<meta property=”og:title” content=”五月天_突然好想你MV現場版_AA”/>
<meta property=”og:image” content=”http://g1.ykimg.com/0100641F464A ... EA-E5E20A1887C44444″/>
<meta property=”og:url” content=”http://v.youku.com/v_show/id_XMTIyMTY5NzMyyyyyyyyyyyyyyyy.html”/>
<meta property=”og:videosrc” content=”http://player.youku.com/player.p ... AutoPlay=true/y.swf”/>
<meta property=”og:width” content=”600″ />
<meta property=”og:height” content=”716″/>
           

轉自：http://www.cnblogs.com/zhongxinWang/p/4105915.html