HTMl中Meta標簽詳解以及meta property=og標簽含義
meta是用來在HTML文檔中模擬HTTP協(xié)議的響應頭報文反番。META標簽是HTML語言HEAD區(qū)的一個輔助性標簽沙热,它位于HTML文檔頭部的<HEAD>標記和<TITLE>標記之間,它提供用戶不可見的信息罢缸。meta標簽通常用來為搜索引擎robots定義頁面主題篙贸,或者是定義用戶瀏覽器上的cookie;它可以用于鑒別作者枫疆,設定頁面格式爵川,標注內(nèi)容提要和關(guān)鍵字;還可以設置頁面使其可以根據(jù)你定義的時間間隔刷新自己,以及設置RASC內(nèi)容等級息楔,等等寝贡。
name 屬性
1、<meta name="Generator" contect="">用以說明生成工具(如Microsoft FrontPage 4.0)等值依;
2圃泡、<meta name="KEYWords" contect="">向搜索引擎說明你的網(wǎng)頁的關(guān)鍵詞;
3愿险、<meta name="DEscription" contect="">告訴搜索引擎你的站點的主要內(nèi)容颇蜡;
4、<meta name="Author" contect="你的姓名">告訴搜索引擎你的站點的制作的作者;
5风秤、<meta name="Robots" contect= "all|none|index|noindex|follow|nofollow">
其中的屬性說明如下:
設定為all:文件將被檢索鳖目,且頁面上的鏈接可以被查詢;
設定為none:文件將不被檢索唁情,且頁面上的鏈接不可以被查詢疑苔;
設定為index:文件將被檢索;
設定為follow:頁面上的鏈接可以被查詢甸鸟;
設定為noindex:文件將不被檢索惦费,但頁面上的鏈接可以被查詢;
設定為nofollow:文件將不被檢索抢韭,頁面上的鏈接可以被查詢薪贫。
http-equiv屬性
1、<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">和 <meta http-equiv="Content-Language" contect="zh-CN">用以說明主頁制作所使用的文字以及語言刻恭;又如英文是ISO-8859-1字符集瞧省,還有BIG5、utf-8鳍贾、shift-Jis鞍匾、Euc、Koi8-2等字符集骑科;
2橡淑、<meta http-equiv="Refresh" contect="n;url=http://yourlink">定時讓網(wǎng)頁在指定的時間n內(nèi),跳轉(zhuǎn)到頁面http://yourlink咆爽;
3梁棠、<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用于設定網(wǎng)頁的到期時間,一旦過期則必須到服務器上重新調(diào)用斗埂。需要注意的是必須使用GMT時間格式符糊;
4、<meta http-equiv="Pragma" contect="no-cache">是用于設定禁止瀏覽器從本地機的緩存中調(diào)閱頁面內(nèi)容呛凶,設定后一旦離開網(wǎng)頁就無法從Cache中再調(diào)出男娄;
5、<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">cookie設定漾稀,如果網(wǎng)頁過期模闲,存盤的cookie將被刪除。需要注意的也是必須使用GMT時間格式县好;
6围橡、<meta http-equiv="Pics-label" contect="">網(wǎng)頁等級評定暖混,在IE的internet選項中有一項內(nèi)容設置缕贡,可以防止瀏覽一些受限制的網(wǎng)站,而網(wǎng)站的限制級別就是通過meta屬性來設置的;
7晾咪、<meta http-equiv="windows-Target" contect="_top">強制頁面在當前窗口中以獨立頁面顯示收擦,可以防止自己的網(wǎng)頁被別人當作一個frame頁調(diào)用;
8谍倦、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20塞赂,transtion=6)">設定進入和離開頁面時的特殊效果,這個功能即FrontPage中的“格式/網(wǎng)頁過渡”昼蛀,不過所加的頁面不能夠是一個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 }
即這種協(xié)議可以讓網(wǎng)頁成為一個“富媒體對象”叼旋。
用了Meta Property=og標簽仇哆,就是你同意了網(wǎng)頁內(nèi)容可以被其他社會化網(wǎng)站引用等,目前這種協(xié)議被SNS網(wǎng)站如Fackbook夫植、renren采用讹剔。
SNS已經(jīng)成為網(wǎng)絡上的一大熱門應用,優(yōu)質(zhì)的內(nèi)容通過分享在好友間迅速傳播详民。為了提高站外內(nèi)容的傳播效率延欠,2010年F8會議上Facebook公布 了一套開放內(nèi)容協(xié)議(Open Graph Protocol),任何網(wǎng)頁只要遵守該協(xié)議沈跨,SNS就能從頁面上提取最有效的信息并呈現(xiàn)給用戶由捎。
<meta property=”og:type” content=”video”/>
<meta property=”og:title” content=”五月天突然好想你MV現(xiàn)場版”/>
<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現(xiàn)場版_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″/>