一些有用的meta設置方法(必看)

<meta name=viewport content=width=device-width, initial-scale=1.0, user-scalable=no>

<meta name=format-detection content=telephone=no>

<meta name=apple-mobile-web-app-capable content=yes>

<meta name=apple-mobile-web-app-status-bar-style content=#6f9ddc>

<!-- 頁面的編碼方式-->

<meta charset=utf-8>

<!-- 優先使用最新版本IE 和Chrome -->

<meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1>

<!-- 搜索引擎優化，頁面關鍵詞，每個網頁應具有描述該網頁內容的一組唯一的關鍵字-->

<meta name=keywords content=>

<!-- 搜索引擎優化，頁面描述，每個網頁都應有一個不超過150 個字符且能準確反映網頁內容的描述標籤-->

<meta name=description content=>

<!-- 優化移動瀏覽器的顯示，縮放比例默認為1，不允許手動縮放。如果不是響應式網站，不要使用initial-scale或者禁用縮放。 -->

<meta name=viewport content=width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no>

<!-- 使用webkit 內核渲染網站-->

<meta name=renderer content=webkit>

<!-- 禁止百度轉碼-->

<meta http-equiv=Cache-Control content=no-siteapp>

<!-- 添加到主屏後的圖標-->

<!-- <link rel=icon type=image/png href=assets/i/favicon.png> -->

<!-- 添加到主屏後-啟用WebApp 全屏模式(Android) -->

<!-- <meta name=mobile-web-app-capable content=yes> -->

<!-- 添加到主屏後的圖標(Android) -->

<!-- <link rel=icon sizes=192x192 href=assets/i/[email protected]> -->

<!-- 添加到主屏後-啟用WebApp 全屏模式(iOS) -->

<!-- <meta name=apple-mobile-web-app-capable content=yes> -->

<!-- 添加到主屏後-設置狀態欄的背景顏色(iOS) -->

<!-- <meta name=apple-mobile-web-app-status-bar-style content=black> -->

<!-- 添加到主屏後的標題(iOS) -->

<!-- <meta name=apple-mobile-web-app-title content=南航辦公自動化/> -->

<!-- 添加到主屏後的圖標(iOS) -->

<!-- <link rel=apple-touch-icon-precomposed href=assets/i/[email protected]> -->

<!-- 添加到主屏後的圖標(win8) -->

<!-- <meta name=msapplication-TileImage content=assets/i/[email protected]> -->

<!-- 添加到主屏後-設置狀態欄的背景顏色(win8) -->

<!-- <meta name=msapplication-TileColor content=#0e90d2> -->

<!-- 關閉移動端手機號碼識別(iOS) -->

<meta name=format-detection content=telephone=no>

<!-- 關閉移動端郵箱識別(Android) -->

<meta name=format-detection content=email=no>

以上這篇一些有用的meta設置方法(必看)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。

原文地址：http://www.cnblogs.com/jiekk/p/5695031.html