meta標籤

<meta>內容通常都是表示關於HTML頁面的信息，經過改變name屬性的有效值來定義不一樣的meta標籤。

描述（descriptions），假如描述標籤內容爲空（或者基本不存在），搜索引擎會從頁面的內容中生成一段描述。

做者（author）

頁面內容的編碼格式 （charset="UTF-8"）

添加到主屏時的標題 <meta name="apple-mobile-web-app-title" content="標題">

是否啓用 WebAPP 全屏模式　　<meta name="apple-mobile-web-app-capable" content="yes" />

狀態條顏色　　<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

屏蔽數字自動識別爲電話號碼　　<meta name="format-detection" content="telephone=no" />

Windows 8 磁貼顏色　　<meta name="msapplication-TileColor" content="#000"/>

Windows 8 磁貼圖標　　<meta name="msapplication-TileImage" content="icon.png"/>

針對ie8的兼容　　<meta http-equiv="X-UA-Compatible" content="IE=7" />或者<meta http-equiv="X-UA-COMPATIBLE" content="IE=edge,chrome=1">

---

 

取代HTTP頭部

　　如小標題，meta標籤能夠用做HTTP頭部的某些做用，例如重定向和刷新。

<meta http-equiv="refresh" content="5;url=http://www.sitepoint.com/" />

　　centent屬性值在指定一個刷新時間。URL能夠取決於你的需求來保持原來不變或者是不一樣的頁面。你能夠不填寫URL的值，表示刷新當前頁面。

過期的用法

<!-- 不要用這個! -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

這是長版本的字符編碼，在XHTML中廣泛存在的，可是可使用縮簡爲：

<!-- 使用這個! -->
<meta charset="UTF-8"　/>

meta標籤還能夠用做版權說明。

<!-- 不要用這個! -->
<meta name="copyright" content="SitePoint" />

應該提供一個連接標記指向一個版權頁面(或錨在相同的頁面上)。

<link rel="copyright" href="copyright.html"　/>

儘管不少網站依然使用name屬性值keywords，google的網站排名算法中並不包含這些。實際上，Google在算法中歷來沒有考慮過。

<meta name="keywords" content="web,design,html,css,html5,development" />

Google曾表示，算法規則未來會改變是不太可能的，所以，不要對關鍵詞meta標籤抱有任何指望。

原文：http://www.w3cplus.com/css/meta-tags-html-basics-best-practices.html

 

---

 

meta標籤分兩大部分：HTTP-EQUIV和NAME變量。

HTTP-EQUIV相似於HTTP的頭部協議，它迴應給瀏覽器一些有用的信息，以幫助正確和精確地顯示網頁內容。經常使用的HTTP-EQUIV類型有：

1.expires(期限)
說明：能夠用於設定網頁的到期時間。一旦網頁過時，必須到服務器上從新調閱。
用法：<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
注意：必須使用GMT的時間格式。

2.Pragma(cach模式)
說明：禁止瀏覽器從本地機的緩存中調閱頁面內容。
用法：<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
注意：這樣設定，訪問者將沒法脫機瀏覽。

3.Refresh(刷新)
說明：須要定時讓網頁自動連接到其它網頁的話，就用這句了。
用法：<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com">
注意：其中的5是指停留5秒鐘後自動刷新到URL網址。

4.Set-Cookie(cookie設定)
說明：若是網頁過時，那麼存盤的cookie將被刪除。
用法：<META HTTP-EQUIV="Set-Cookie" CONTENT="cookievalue=xxx;
expires=Wednesday, 21-Oct-98 16:14:21 GMT; path=/"> 
注意：必須使用GMT的時間格式。

5.Window-target(顯示窗口的設定)
說明：強制頁面在當前窗口以獨立頁面顯示。
用法：<META HTTP-EQUIV="Window-target" CONTENT="_top">
注意：用來防止別人在框架裏調用你的頁面。

5.Content-Type(顯示字符集的設定)
說明：設定頁面使用的字符集。(咱們在前面字體設計中已經介紹過它的做用)
用法：<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 


meat標籤的NAME變量語法格式是：

<META NAME="xxx" CONTENT="xxxxxxxxxxxxxxxxxx"> 
其中xxx主要有下面幾種參數：

1.Keywords(關鍵字)
說明：keywords用來告訴搜索引擎你網頁的關鍵字是什麼。
舉例：<META NAME ="keywords" CONTENT="life, universe, mankind, plants, 
relationships, the meaning of life, science"> 

2.description(簡介)
說明：description用來告訴搜索引擎你的網站主要內容。
舉例：<META NAME="description" CONTENT="This page is about the meaning of 
life, the universe, mankind and plants."> 

3.robots(機器人嚮導)
說明：robots用來告訴搜索機器人哪些頁面須要索引，哪些頁面不須要索引。
CONTENT的參數有all,none,index,noindex,follow,nofollow。默認是all。
舉例：<META NAME="robots" CONTENT="none">

4.author(做者)
說明：標註網頁的做者
舉例：<META name="AUTHOR" content="ajie,ajie@netease.com">

---

 

itemscope, itemtype, itemprop屬性就是方便機器識別的特定的標記。
itemprop=」屬性名」
添加一個數據項屬性。這個屬性名能夠是個單詞或是個URL，與元素包含的文本值相關：
對於大部分元素，屬性名值就是元素標籤裏面的文本值（不是全部標籤）。
對於有URL屬性的元素，該值就是URL（如<img src="">, <a href="">, <object data="">等）。
對於<time>元素，該值就是datetime=""屬性。
對於<meta itemprop="" content="">， 該值就是content=""屬性。

http://www.zhangxinxu.com/wordpress/?p=2058

---

 

淘寶、京東、網易、新浪、騰訊meta標籤的異同