1. 定義針對搜尋引擎的關鍵詞：<meta name="keywords" content="meta，red" />

2. 定義對頁面的描述：<meta name="description" content="這是meta教程" />

3. 定義頁面的最新版本：<meta name="revised" content="bu, 2016/5/10/" />

4. 每 5 秒重新整理一次頁面：<meta http-equiv="refresh" content="5" />

5. 網頁作者： <meta name="author" content="name, [email protected]

   "/>

6. 新增智慧 App 廣告條（iOS 6+ Safari）：<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">

7. 設定蘋果工具欄顏色：<meta name="apple-mobile-web-app-status-bar-style" content="black"/>

8.  忽略頁面中的數字識別為電話，忽略email識別 ：<meta name="format-detection" content="telphone=no, email=no"/>

9. 是否啟用 WebApp 全屏模式：<meta name="apple-mobile-web-app-capable" content="yes" />

10. 是否刪除預設的蘋果工具欄和選單欄：<meta name="apple-mobile-web-app-capable" content="yes" />  和9一樣。

11. 啟用電話功能，請使用<a href="tel:15855555555">15855555555</a>來代替，郵件則為<a href="mailto:[email protected]">傳送郵件</a>

12.  windows phone 點選無高光 
    <meta name=”msapplication-tap-highlight” content=”no”>

13. 不讓百度轉碼
    <meta http-equiv=”Cache-Control” content=”no-siteapp” />

14. 設定“新增到主螢幕圖示：使用者可以像儲存書籤一樣把一個網站新增到主螢幕，下次使用者直接點選主螢幕上的圖示就能進入網站。
    

<link rel=“apple-touch-icon-precomposed” href=“/apple-touch-icon-57×57-1.png”/>

<!– iPhone 和 iTouch，預設 57×57 畫素，必須有 –>

<link rel=“apple-touch-icon-precomposed” sizes=“114×114” href=“/apple-touch-icon-114×114-precomposed.png”/>

<!– Retina iPhone 和 Retina iTouch，114×114 畫素，可以沒有，但推薦有 –>

<link rel=“apple-touch-icon-precomposed” sizes=“144×144” href=“/apple-touch-icon-144×144-precomposed.png”/>

<!– Retina iPad，144×144 畫素，可以沒有，但推薦有 –>

新增到主屏幕後系統會預設給圖片加上IOS相關的圖示風格（比如圓角），如果需要系統直接展示原圖使用apple-touch-icon-precomposed，如果需要系統新增風格使用apple-touch-icon。

15、設定桌面圖示的標題

<span style=“font-size:12px;”><meta name=“apple-mobile-web-app-title” content=“標題”></span>最好限制在六個中文長度內，超長的內容會被隱藏

16、設定啟動畫面：需要的百度下啊

移動端viewport設定：

<meta name="viewport" content="width=device-width,height=device-height, user-scalable=no,initial-scale=1, minimum-scale=1, maximum-scale=1,target-densitydpi=device-dpi ">  

說明：

width： viewport 的高度 (數值/device-width) ，（範圍從 200 到 10,000 ，預設為 980 畫素 ）

height ： viewport 的高度  (數值/device-width) ，（範圍從 223 到 10,000 ）

user-scalable [yes | no] ：是否允許縮放

initial-scale [數值] ：初始化比例（範圍從 > 0 到 10）

minimum-scale [數值] ：允許縮放的最小比例

maximum-scale [數值] ：允許縮放的最大比例

        <!--社交標籤 begin  參考微博API -->

        <meta property="og:type" content="型別" />

        <meta property="og:url" content="URL地址" />

        <meta property="og:title" content="標題" />

        <meta property="og:image" content="圖片" />

        <meta property="og:description" content="描述" />

        <!-- 社交標籤 end -->

獲取更多的文章，歡迎關注微信公眾號