前言
大家都知道在移動前端開發中添加一些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" />
總結
【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。