webkit,HTML5頭部標籤

你們都知道在移動前端開發中添加一些webkit專屬的HTML5頭部標籤，幫助瀏覽器更好解析html代碼，更好地將移動web前端頁面表現出來。本文整理一些HTML5頭部<meta>標籤經常使用的信息。有錯誤的，敬請留言指正，或能夠留言補充，歡迎留言交流！

XML/HTML Code：

<!-- 字體編碼 -->
<meta charset="utf-8" />

<!-- 關鍵字 -->
<meta name="keywords" content="" />

<!-- 說明 -->
<meta name="description" content="" />

<!-- 做者 -->
<meta name="author" content="" />

<!-- 設置文檔寬度、是否縮放 -->
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />

<!-- 優先使用IE最新版本或chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

<!-- 360讀取到這個標籤當即錢換到極速模式 -->
<meta name="renderer" content="webkit" />

<!-- 禁止百度轉碼 -->
<meta http-equiv="Cache-Control" content="no-siteapp" />

<!-- UC強制豎屏 -->
<meta name="screen-orientation" content="portrait" />

<!-- QQ強制豎屏 -->
<meta name="x5-orientation" content="portrait" />

<!-- UC強制全屏 -->
<meta name="full-scerrn" content="yes" />

<!-- QQ強制全屏 -->
<meta name="x5-fullscreen" content="ture" />

<!-- QQ應用模式 -->
<meta name="x5-page-mode" content="app" />

<!-- UC應用模式 -->
<meta name="browsermode" content="application">

<!-- window phone 點亮無高光 -->
<meta name="msapplication-tap-highlight" content="no" />

<!-- 安卓設備不自動識別郵件地址 -->
<meta name="format-detection" name="email=no" />

<!-- iOS設備 -->

<!-- 添加到主屏幕的標題 -->
<meta name="apple-mobile-web-app-title" content="標題" />

<!-- 是否啓用webApp全屏 -->
<meta name="apple-mobile-web-app-capable" content="yes" />

<!-- 設置狀態欄的背景顏色，啓用webapp模式時生效 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent/black/default" />
<!-- 半透明/黑色/默認白色 -->

<!-- 禁止數字識別爲電話號碼 -->
<meta name="format-detection" content="telephone=no" />

<!-- 智能添加廣告條 -->
<meta name="apple-itunes-app" content="app-id=myappstoreID,affiliate-data=myaffiliatedata,app-argument=myurl" />