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

meta是head區的一個輔助性標籤。其主要做用有：搜索引擎優化（SEO），定義頁面使用語言，自動刷新並指向新的頁面，實現網頁轉換時的動態效果，控制頁面緩衝，網頁定級評價，控制網頁顯示的窗口等！

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

http-equiv屬性

一、<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">和 <meta http-equiv="Content-Language" contect="zh-CN">用以說明主頁製做所使用的文字以及語言；又如英文是ISO-8859-1字符集，還有BIG五、utf-八、shift-Jis、Euc、Koi8-2等字符集；

二、<meta http-equiv="Refresh" contect="n;url=http://yourlink">定時讓網頁在指定的時間n內，跳轉到頁面http://yourlink；

三、<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">能夠用於設定網頁的到期時間，一旦過時則必須到服務器上從新調用。須要注意的是必須使用GMT時間格式；

四、<meta http-equiv="Pragma" contect="no-cache">是用於設定禁止瀏覽器從本地機的緩存中調閱頁面內容，設定後一旦離開網頁就沒法從Cache中再調出；

五、<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">cookie設定，若是網頁過時，存盤的cookie將被刪除。須要注意的也是必須使用GMT時間格式；

六、<meta http-equiv="Pics-label" contect="">網頁等級評定，在IE的internet選項中有一項內容設置，能夠防止瀏覽一些受限制的網站，而網站的限制級別就是經過meta屬性來設置的；

七、<meta http-equiv="windows-Target" contect="_top">強制頁面在當前窗口中以獨立頁面顯示，能夠防止本身的網頁被別人看成一個frame頁調用；

八、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20，transtion=6)">設定進入和離開頁面時的特殊效果，這個功能即FrontPage中的「格式/網頁過渡」，不過所加的頁面不可以是一個frame頁面。

 

二、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="jesse131work@163.com">

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