标簽定義及使用說明
<meta> 标簽提供了 HTML 文檔的中繼資料。中繼資料不會顯示在用戶端，但是會被浏覽器解析。
META元素通常用于指定網頁的描述，關鍵詞，檔案的最後修改時間，作者及其他中繼資料。
中繼資料可以被使用浏覽器（如何顯示内容或重新加載頁面），搜尋引擎（關鍵詞），或其他 Web 服務調用。
web開發中我們經常用到meta标簽，這裡我們來彙總一些meta标簽常用的屬性及其屬性值。
1.<meta charset="UTF-8">
charset 屬性是 HTML5 中的新屬性，定義HTML文檔的字元編碼，告訴浏覽器使用要使用哪種編碼格式編碼，‘UTF-8’屬性值是一種支援中文的編碼格式，
如果不使用，在火狐、IE、搜狗等浏覽器會出現中文亂碼。
例如，如果不使用<meta charset="UTF-8">，<p>厲害了，我的哥</p>，會顯示為：
HTML頁面meta标簽常用的屬性/屬性值
2.<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
規定一個逗号分隔的關鍵詞清單 - 相關的網頁（告訴搜尋引擎頁面是與什麼相關的）。提示：總是規定關鍵詞（對于搜尋引擎進行頁面分類是必要的）。
3.<meta name="description" content="Free Web tutorials on HTML and CSS">
規定頁面的描述。搜尋引擎會把這個描述顯示在搜尋結果中。
4.<meta name="author" content="Hege Refsnes"> 規定頁面的作者的名字。 5.<meta http-equiv="refresh" content="3">
定義文檔自動重新整理的時間間隔。如<meta http-equiv="Refresh" content="5;URL=http://www.baidu.com/">兩秒後自動重新整理并指向新頁面。一般不推薦使用此屬性，重新整理頁面通常使用js實作。
6.<meta http-equiv="X-UA-Compatible"content="IE=edge">
7.<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
height - viewport的高度
initial-scale - 初始的縮放比例
minimum-scale - 允許使用者縮放到的最小比例
maximum-scale - 允許使用者縮放到的最大比例
user-scalable - 使用者是否可以手動縮放
8.<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">
清除浏覽器中的緩存，它和其它幾句合起來用，就可以使你再次進入曾經通路過的頁面時，浏覽器必須從服務端下載下傳最新的内容，達到重新整理的效果。用于設定禁止浏覽器從本地機的緩存中調閱頁面内容，設定後一旦離開網頁就無法從Cache中再調出 。
此屬性用于：當我們使用IE浏覽器渲染頁面時，告訴IE應該使用其渲染引擎的最新版本（edge）。此屬性官方解釋比較備援，個人了解是：使用IE浏覽器渲染頁面時，若該浏覽器有多個版本的核心（IE9、IE10...）時，使用最高版本的核心渲染頁面，這樣也會對一些CSS3新特性相容的更好，比如CSS動畫在IE9是不能實作的。更多關于該标簽的了解可以參考老外的解釋（http://stackoverflow.com/questions/6771258/whats-the-difference-if-meta-http-equiv-x-ua-compatible-content-ie-edge-e）。在bootstrap架構中有使用該标簽（http://getbootstrap.com/），如下圖
HTML頁面meta标簽常用的屬性/屬性值
'viewport'是一個顯示區域，就是指定在裝置的哪一區域顯示頁面，這個屬性常用于移動端開發（如微信公衆号頁面）
width - viewport的寬度
此标簽可以使目前顯示區域成為一個響應式容器，可以使用CSS3新屬性@media查詢，實作不同終端的适配
