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

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="[e-mail]">

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