一、定義和用法
<meta> 標簽始終位於 head 元素中。<meta> 元素可提供有關頁面的元信息（meta-information），元數據不會顯示在頁面上，但是對於機器是可讀的。比如針對搜索引擎和更新頻度的描述和關鍵詞。
元數據（metadata）是關於數據的信息。元數據總是以名稱/值的形式被成對傳遞的。
典型的情況是，meta 元素被用於規定頁面的描述、關鍵詞、文檔的作者、最后修改時間以及其他元數據。
元數據可用於瀏覽器（如何顯示內容或重新加載頁面），搜索引擎（關鍵詞），或其他 web 服務。
二、可選的屬性
| 屬性 | 值 | 描述 |
|---|---|---|
| http-equiv |
|
把 content 屬性關聯到 HTTP 頭部。 |
| name |
|
把 content 屬性關聯到一個名稱。 |
| scheme | some_text | 定義用於翻譯 content 屬性值的格式。 |
注意：當有http-equiv或者name屬性時，必須要有content屬性，content 屬性提供了名稱/值對中的值，content屬性定義與 http-equiv 或 name 屬性相關的元信息。content始終要和 name 屬性或 http-equiv 屬性一起使用
1、http-equiv 屬性
http-equiv 屬性為名稱/值對提供了名稱。並指示服務器在發送實際的文檔之前先在要傳送給瀏覽器的 MIME 文檔頭部包含名稱/值對。
http-equiv屬性是添加http頭部內容，對一些自定義的，或者需要額外添加的http頭部內容，需要發送到瀏覽器中，我們就可以是使用這個屬性。
使用帶有 http-equiv 屬性的 <meta> 標簽時，服務器將把名稱/值對添加到發送給瀏覽器的內容頭部。
常用的有：
1、content-Type(顯示字符集的設定)：設定頁面使用的字符集。 用法：<meta http-equiv="content-Type" content="text/html;charset=utf-8">
注意：charset是聲明文檔使用的字符編碼，解決亂碼問題主要用的就是它，charset一定要寫第一行，不然就可能會產生亂碼了。
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
兩個都是等效的。2、Expires(期限)：可以用於設定網頁的到期時間。一旦網頁過期，必須到服務器上重新傳輸。
用法： <meta http-equiv="expires" content="Fri,12Jan200118:18:18GMT">
注意：必須使用GMT的時間格式。
3、Refresh(刷新)：自動刷新並指向新頁面。
用法： <meta http-equiv="Refresh" content="2; URL=http://www.baidu.com"> //(注意后面的引號，分別在秒數的前面和網址的后面) 注意：其中的2是指停留2秒鍾后自動刷新到URL網址。
4、Set-Cookie(cookie設定)：如果網頁過期，那么存盤的cookie將被刪除。
用法： <meta http-equiv="Set-Cookie" content="cookie value=xxx; expires=Friday,12-Jan-200118:18:18GMT；path=/">
注意：必須使用GMT的時間格式。
2、name 屬性
name 屬性提供了名稱/值對中的名稱。通常情況下，您可以自由使用對自己和源文檔的讀者來說富有意義的名稱。
如果沒有提供 name 屬性，那么名稱/值對中的名稱會采用 http-equiv 屬性的值。
常用的有：
分成兩部分：
一個是SEO部分（搜索引擎優化） 1、Keywords(關鍵字)：keywords用來告訴搜索引擎你網頁的關鍵字是什么。 舉例： <meta name="keywords" content="xxxx">
2、description(網站內容描述)：description用來告訴搜索引擎你的網站主要內容。 舉例： <meta name="description" content="xxx">
3、author(作者)：標注網頁的作者 舉例： <meta name="author" content="github.com/lihuijuan"> 另一部分是viewport viewport：主要是影響移動端頁面布局的 舉例： <meta name="viewport" content="width=device-width, initial-scale=1.0"> content 有參數： width viewport 寬度(數值/device-width)；height viewport 高度(數值/device-height)； initial-scale 初始縮放比例；maximum-scale 最大縮放比例； minimum-scale 最小縮放比例；user-scalable 是否允許用戶縮放(yes/no)
3、scheme 屬性（沒用過）
scheme 屬性用於指定要用來翻譯屬性值的方案。此方案應該在由 <head> 標簽的 profile 屬性指定的概況文件中進行了定義。