<meta>標籤位於文檔的頭部，不包含任何內容。<meta>標籤的屬性定義了與文檔相關聯的名稱/值對，這些內容描述了有關文檔的元信息，比如針對搜索引擎和更新頻度的描述和關鍵詞。
1、<meta>標籤的屬性
<meta>標籤擁有以下幾種屬性，包括content，name，http-equiv和scheme。通常來說，content都是與name或http-equiv成對出現的。
name屬性
規定了名稱/值對中的名稱。一般的取值可以爲keywords，description，author，revised等。這些與content成對出現，描述了文檔的關鍵字，文檔描述，作者和修訂等信息。如下
<meta name="keywords" content="Hello,World">http-equiv屬性
在將要發送給瀏覽器的MIME文件頭部添加一個名稱/值對，其中名稱就是有http-equiv指定，值自然是由content指定。它的取值可以爲content-type，expires，refresh，set-cookie等。例子如下
<meta http-equiv="expires" content="31 Dec 2014">用於指定要用來翻譯屬性值的方案。
2、SEO相關問題
<meta>標籤中的title、keywords和description等屬性對於搜索引擎優化seo有着一定影響。不過對於現在的搜索引擎，<meta>標籤的內容影響不大。目前來說，對於seo，keywords基本無用，google會完全忽略，bing和yahoo會更具它做一些分類。title和description有着一定的影響，title影響較大。
3、<meta>標籤內屬性順序問題
<meta>標籤內的屬性順序對於seo基本無影響，但是有一點要注意是，<meta charset="xxx">屬性要寫在最前面，讓瀏覽器儘早獲得字符編碼信息。
4、IE版本的最新渲染模式
對於IE8，http-equiv屬性有一個特別值：X-UA-compatible，用來規定瀏覽器的渲染模式。可選爲IE6,7或IE最新版本的渲染模式。
<meta http-equiv="X-UA-compatible" content="IE=edge">5、移動版本的相關屬性值
對於移動端，name屬性有一個特別值：viewport。用來控制viewport的大小和縮放。
什麼是viewport?
手機瀏覽器是把頁面放在一個虛擬的“窗口”（viewport）中，通常這個虛擬的“窗口”（viewport）比屏幕寬，這樣就不用把每個網頁擠到很小的窗口中，也不會破壞沒有針對手機
瀏覽器優化的網頁的佈局，用戶可以通過平移和縮放來看網頁的不同部分。
常用的viewport的值有width，height，initial-scale，user-scalable等。
<meta name="viewport" content="width=device initial-scale=1">本篇文章如有問題，歡迎大家拍磚指正！