meta標簽提供了 HTML 文檔的元數據。元數據不會顯示在客戶端，但是會被瀏覽器解析。META元素通常用于指定網頁的描述，關鍵詞，文件的最后修改時間，作者及其他元數據。元數據可以被使用瀏覽器（如何顯示內容或重新加載頁面），搜索引擎（關鍵詞），或其他 Web 服務調用。
meta 的屬性有：name屬性、http-equiv屬性 、content屬性和charset屬性 。
name屬性：
name 屬性規定元數據的名稱。
name 屬性規定content屬性的信息/值的名稱。
注意：如果設置了 http-equiv 屬性，則不應該設置 name 屬性。
語法
<meta name="value">
屬性值
application-name 規定頁面所代表的 Web 應用程序的名稱。
author 規定文檔的作者的名字。
<meta name = "author" content = "作者的姓名">
description 規定頁面的描述。搜索引擎會把這個描述顯示在搜索結果中。
<meta name = "description" content = "對頁面的描述語言”>
generator 規定用于生成文檔的一個軟件包（不用于手寫頁面）。
<meta name = "generator" content = "編輯軟件的名稱">
keywords 規定一個逗號分隔的關鍵詞列表 - 相關的網頁（告訴搜索引擎頁面是與什么相關的）。
提示：總是規定關鍵詞（對于搜索引擎進行頁面分類是必要的）。
<meta name = "keywords" content = "具體的關鍵字">
referrer 控制所述HTTP的內容Referer附加到從本文件發送的任何請求的HTTP標頭。
<meta name="referrer">
| no-referrer | 不要發送一個HTTP Referer標頭。 |
|---|---|
| origin | 發送起源的文件。 |
| no-referrer-when-downgrade | 發送原點作為引薦先驗的，多的安全目的地（https-> HTTPS），但不發送引薦一個不太安全的目的地（https-> HTTP）。這是默認的行為。 |
| origin-when-crossorigin | 執行相同來源的請求時，發送一個完整的URL（從參數剝離），但只送起源的其他情況下的文件。 |
| unsafe-URL | perfoming來源相同的請求時，發送一個完整的URL（從參數剝離）。 |
creator 限定，在自由格式中，文件的創建者的名稱。請注意，它可以是機構的名稱。如果有不止一個，有幾個要素都應該使用。
googlebot 這是一個代名詞robots，但只有其是googlebot，索引爬蟲對谷歌搜索。
publisher 在一個自由的格式，文件的發布者的名稱。請注意，它可以是該機構的名稱。
robots（定義搜索 引擎爬蟲的索引方式）：content的參數有all（默認 ）,none,index,follow,nofollow。
<meta name="robots" content="none">
slurp 這是一個代名詞robots，但只有其是slurp，索引爬蟲對雅虎搜索。
viewport 這給出了關于的初始大小的大小提示視口。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
| 值 | 可能值 | 描述 |
|---|---|---|
| width | 一個正整數或者字符串 device-width | 限定了寬度，以像素為單位，視口的 |
| height | 一個正整數或者字符串 device-height | 定義了高度，以像素，視口的 |
| initial-scale | 一個0.0 到10.0之間的正數 | 定義設備寬度（之間的比率device-width以縱向模式或device-height橫向模式）和視口的大小。 |
| maximum-scale | 一個0.0 到10.0之間的正數 | 定義了變焦的最大值; 它必須大于或等于minimum-scale或行為是不確定的。 |
| minimum-scale | 一個0.0 到10.0之間的正數 | 定義了變焦的最低值; 它必須小于或等于maximum-scale或行為是不確定的。 |
| user-scalable | 一個布爾值（yes 或者no） | 如果設置為no，用戶無法在網頁中放大。默認值是yes。 |
scheme 該屬性定義了描述元數據的方案。scheme是一種上下文，它可以對內容值進行正確的解釋，就像一種格式。
http-equiv屬性：
http-equiv 屬性提供了content屬性的信息/值的 HTTP 頭。
http-equiv 屬性可用于模擬一個 HTTP 響應頭。
語法
<meta http-equiv="content-type|default-style|refresh">
屬性值
content-type 規定文檔的字符編碼。
<meta http-equiv="content-type" content="text/html; charset=utf-8">
default-style 規定要使用的預定義的樣式表。
<meta http-equiv="default-style" content="the document's preferred stylesheet">
注釋：上面 content 屬性的值必須匹配同一文檔中的一個 link 元素上的 title 屬性的值，或者必須匹配同一文檔中的一個 style 元素上的 title 屬性的值。
refresh 定義文檔自動刷新的時間間隔。
<meta http-equiv="refresh" content="300">
set-cookie 設置cookie，如果網頁過期，那么舊cookie將被刪除。
<meta http-equiv="set-cookie" content="cookievalue=xxx;expires=Monday,12 Jan 2020 20:20:20 GMT;path=/">
content 屬性:
定義與 http-equiv 或 name 屬性相關的元信息。
content 屬性給出了與 http-equiv 或 name 屬性相關的值。
語法
<meta content="text">
屬性值
text ：meta 信息的內容。
charset屬性：
charset 屬性規定 HTML 文檔的字符編碼。
提示：charset 屬性可以通過任意元素上的 lang 屬性來重寫。
語法
<meta charset="character_set">
屬性值
character_set ：規定 HTML 文檔的字符編碼。
常用的值：
UTF-8 - Unicode 字符編碼
ISO-8859-1 - 拉丁字母表的字符編碼
<meta charset ="UTF-8">
在理論上，可以使用任何字符編碼，但并不是所有瀏覽器都能夠理解它們。某種字符編碼使用的范圍越廣，瀏覽器就越有可能理解它。
