1. 程式人生 > >HTMl中Meta標簽和meta property=og標簽含義

HTMl中Meta標簽和meta property=og標簽含義

標簽 face may log 本地 提高 net 說明 label

meta是head區的一個輔助性標簽。其主要作用有:搜索引擎優化(SEO),定義頁面使用語言,自動刷新並指向新的頁面,實現網頁轉換時的動態效果,控制頁面緩沖,網頁定級評價,控制網頁顯示的窗口等!

meta標簽共有兩個屬性,它們分別是http-equiv屬性和name屬性。

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">定時讓網頁在指定的時間n內,跳轉到頁面http://yourlink; 3、<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用於設定網頁的到期時間,一旦過期則必須到服務器上重新調用。需要註意的是必須使用GMT時間格式; 4、<meta http-equiv="Pragma" contect="no-cache">是用於設定禁止瀏覽器從本地機的緩存中調閱頁面內容,設定後一旦離開網頁就無法從Cache中再調出; 5、<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">cookie設定,如果網頁過期,存盤的cookie將被刪除。需要註意的也是必須使用GMT時間格式; 6、<meta http-equiv="Pics-label" contect="">網頁等級評定,在IE的internet選項中有一項內容設置,可以防止瀏覽一些受限制的網站,而網站的限制級別就是通過meta屬性來設置的; 7、<meta http-equiv="windows-Target" contect="_top">強制頁面在當前窗口中以獨立頁面顯示,可以防止自己的網頁被別人當作一個frame頁調用; 8、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20,transtion=6)">設定進入和離開頁面時的特殊效果,這個功能即FrontPage中的“格式/網頁過渡”,不過所加的頁面不能夠是一個frame頁面。

2、name屬性

name屬性主要用於描述網頁,與之對應的屬性值為content,content中的內容主要是便於搜索引擎機器人查找信息和分類信息用的。

meta標簽的name屬性語法格式是:

1 <meta name="參數" content="具體的參數值">。

其中name屬性主要有以下幾種參數: 

A、Keywords(關鍵字) 

說明:keywords用來告訴搜索引擎你網頁的關鍵字是什麽。

舉例:

1 <meta name="keywords" content="">

B、description(網站內容描述)

說明:description用來告訴搜索引擎你的網站主要內容。

舉例:

1 <meta name="description" content="">

C、robots(機器人向導)

說明:robots用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引。

content的參數有all,none,index,noindex,follow,nofollow。默認是all。

舉例:

1 <meta name="robots" content="none">

具體參數如下:

信息參數為all:文件將被檢索,且頁面上的鏈接可以被查詢;

信息參數為none:文件將不被檢索,且頁面上的鏈接不可以被查詢;

信息參數為index:文件將被檢索;

信息參數為follow:頁面上的鏈接可以被查詢;

信息參數為noindex:文件將不被檢索,但頁面上的鏈接可以被查詢;

信息參數為nofollow:文件將被檢索,但頁面上的鏈接不可以被查詢;

D、author(作者)

說明:標註網頁的作者

舉例:

1 <meta name="author" content="[email protected]">

E、generator

1 <meta name="generator" content="信息參數"/>

meta標簽的generator的信息參數,代表說明網站的采用的什麽軟件制作。

F、copyright

1 <meta name="copyright" content="信息參數">

meta標簽的copyright的信息參數,代表說明網站版權信息。

G、revisit-after

1 <meta name="revisit-after" content="7days">

revisit-after代表網站重訪,7days代表7天,依此類推。

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就能從頁面上提取最有效的信息並呈現給用戶。

參考網址:https://www.cnblogs.com/zhongxinWang/p/4105915.html

HTMl中Meta標簽和meta property=og標簽含義