<meta> 元素可提供有關頁面的元資訊（meta-information），比如針對搜尋引擎和更新頻度的描述和關鍵詞。

meta標籤可分為兩大部分:http-equiv和name變數，主要使用場景有以下幾種：

第一：宣告文件使用的字元編碼

<meta charset="utf-8">

第二、移動端適配

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0 minimal-ui">

width=device-width主要用於ie瀏覽器以及橫豎屏轉化，initial-scale主要用於webkit核心瀏覽器
iOS 7.1 的 Safari 中為 meta 標籤新增 minimal-ui 屬性，讓網頁在載入時便可隱藏頂部的位址列與底部的導航欄

1、width :控制viewport的大小，可以指定一個值，如600， 或者特殊的值，如device-width為裝置的寬度（單位是縮放為100%的CSS的畫素）

2、height :和width相對應，指定高度

3、initial-scale :初始縮放比例，頁面第一次載入時的縮放比例

4、maximum-scale :允許使用者縮放到的最大比例，範圍從0到10.0

5、minimum-scale :允許使用者縮放到的最小比例，範圍從0到10.0

6、user-scalable :使用者是否可以手動縮放，值可以是：①yes、 true允許使用者縮放；②no、false不允許使用者縮放

第三：SEO優化

1、keywords用來告訴搜尋引擎你網頁的關鍵字是什麼。

<meta name="keywords" content="xxxx">

2、description用來告訴搜尋引擎你的網站主要內容。

<meta name="description" content="xxx">

第四：強制瀏覽器使用WebKit核心

強制Chromium核心，作用於360瀏覽器、QQ瀏覽器等國產雙核瀏覽器：

<meta name="render" content="webkit"/>

強制Chromium核心，作用於其他雙核瀏覽器：

<meta name="force-rendering" content="webkit"/>

如果有安裝 Google Chrome Frame 外掛則強制為Chromium核心，否則強制本機支援的最高版本IE核心，作用於IE瀏覽器：

<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>

第五：其他的，比如expires，可以用於設定網頁的到期時間。一旦網頁過期，必須到伺服器上重新傳輸，Refresh(重新整理)：自動重新整理並指向新頁面。