常用meta
<meta charset='utf-8'> <!--聲明文檔使用的字符編碼-->
<meta name="description" content="不超過150個字符"/> <!--頁面描述-->
<meta name="keywords" content=""/> <!--頁面關鍵詞-->
<meta name="author" content="name, [email protected]"/> <!--網頁作者-->
<meta name="robots" content="all|none|index|noindex|follow|nofollow"/>
<!--搜索引擎抓取 其中的屬性說明如下： -->
<!--設定爲all：文件將被檢索，且頁面上的鏈接可以被查詢；-->
<!--設定爲none：文件將不被檢索，且頁面上的鏈接不可以被查詢； -->
<!--設定爲index：文件將被檢索； -->
<!--設定爲follow：頁面上的鏈接可以被查詢； -->
<!--設定爲noindex：文件將不被檢索，但頁面上的鏈接可以被查詢； -->
<!--設定爲nofollow：文件將不被檢索，頁面上的鏈接可以被查詢。 -->
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no"/>
<!--爲移動設備添加 viewport-->
<meta name="format-detection" content="telphone=no, email=no"/> <!--格式檢測-->
<!--
主要作用是是否設置自動將你的數字轉化爲撥號連接
telephone=no 禁止把數字轉化爲撥號鏈接
telephone=yes 開啓把數字轉化爲撥號鏈接，默認開啓
告訴設備不識別郵箱，點擊之後不自動發送
email=no 禁止作爲郵箱地址
email=yes 開啓把文字默認爲郵箱地址，默認情況開啓
adress=no 禁止跳轉至地圖
adress=yes 開啓點擊地址直接跳轉至地圖的功能, 默認開啓
-->
<meta name="renderer" content="webkit|ie-comp|ie-stand"> <!-- 控制瀏覽器內核（國內主流瀏覽器都是雙核）目前360安全瀏覽器支持該功能 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--指定IE瀏覽器的渲染模式 在不改變IE外觀的情況下使用Chrome內核 基於Chrome Frame 2014年開始chrome不再提供Chrome Frame服務，所以使用該標籤是必須客戶端現在並安裝Chrome Frame； IE8及以上版本支持 個人覺得沒有大的實用價值-->
<meta http-equiv="Cache-Control" content="no-siteapp" /> <!-- 指定請求和響應遵循的緩存機制 -->
<!--no-cache: 先發送請求，與服務器確認該資源是否被更改，如果未被更改，則使用緩存。
no-store: 不允許緩存，每次都要去服務器上，下載完整的響應。（安全措施）
public : 緩存所有響應，但並非必須。因爲max-age也可以做到相同效果
private : 只爲單個用戶緩存，因此不允許任何中繼進行緩存。（比如說CDN就不允許緩存private的響應）
maxage : 表示當前請求開始，該響應在多久內能被緩存和重用，而不去服務器重新請求。例如：max-age=60表示響應可以再緩存和重用 60 秒。
no-siteapp:禁止當前頁面在移動端瀏覽時，被百度自動轉碼。
-->
<meta name="screen-orientation" content="portrait"> <!--uc強制豎屏-->
<meta name="x5-orientation" content="portrait"> <!--QQ強制豎屏-->
<meta name="full-screen" content="yes"> <!--UC強制全屏-->
<meta name="x5-fullscreen" content="true"> <!--QQ強制全屏-->
<meta name="browsermode" content="application"> <!--UC應用模式-->
<meta name="x5-page-mode" content="app"> <!--QQ應用模式-->
<meta name="format-detection" content="telephone=no"> <!--禁止自動探測並格式化手機號碼-->
頁面刷新
<meta http-equiv="refresh" content="1"> <!--當前頁面每一秒後刷新一下-->
<meta http-equiv="refresh" content="0;url='/'"> <!--當前頁面一秒後跳轉到首頁-->
<meta http-equiv="refresh" content="0;url='https://www.baidu.com'"> <!--當前頁面一秒後跳轉到百度-->
控制頁面緩存
<meta http-equiv="cache-control" content="max-age=180" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />
webapp meta標籤
<meta name="apple-mobile-web-app-title" content="標題"> <!--添加到IOS主屏後的標題。-->
<meta name="apple-mobile-web-app-capable" content="yes"/> <!--是否啓用 WebApp 全屏模式，刪除蘋果默認的工具欄和菜單欄（iOS 6 新增）-->
<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL"> <!--添加智能 App 廣告條 Smart App Banner（iOS 6+ Safari）-->
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<!--制定iphone中safari頂端的狀態條的樣式（default:白色，black:黑色，black-translucent：半透明）只有在 “apple-mobile-web-app-capable” content=”yes” 時生效-->
<!--保留歷史記錄以及動畫效果-->
<meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes">
<!--添加到主屏後的標題-->
<meta name="apple-mobile-web-app-title" content="App Title">