您當(dāng)前位置：圖趣網(wǎng)（Tuquu） >> 網(wǎng)頁設(shè)計教程 >> 移動前端 >> 瀏覽設(shè)計教程

HTML5頭部<meta>標(biāo)簽的一些常用信息小結(jié)

2016/12/27 14:53:53來源：互聯(lián)網(wǎng)

前言

大家都知道在移動前端開發(fā)中添加一些webkit專屬的HTML5頭部標(biāo)簽，幫助欣賞器更好解析html代碼，更好地將移動web前端頁面體現(xiàn)出來。本文整頓一些HTML5頭部<meta>標(biāo)簽常用的信息。有錯誤的，敬請留言指正，或可以留言增補(bǔ)，迎接留言交流！

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <!-- 字體編碼 -->  
  2. <meta charset="utf-8" />  
  3.   
  4. <!-- 關(guān)鍵字 -->  
  5. <meta name="keywords" content="" />  
  6.   
  7. <!-- 說明 -->  
  8. <meta name="description" content="" />  
  9.   
  10. <!-- 作者 -->  
  11. <meta name="author" content="" />  
  12.   
  13. <!-- 設(shè)置文檔寬度、是否縮放 -->  
  14. <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />  
  15.   
  16. <!-- 優(yōu)先使用IE最新版本或chrome -->  
  17. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />  
  18.   
  19. <!-- 360讀取到這個標(biāo)簽立即錢換到極速模式 -->  
  20. <meta name="renderer" content="webkit" />  
  21.   
  22. <!-- 禁止百度轉(zhuǎn)碼 -->  
  23. <meta http-equiv="Cache-Control" content="no-siteapp" />  
  24.   
  25. <!-- UC強(qiáng)制豎屏 -->  
  26. <meta name="screen-orientation" content="portrait" />  
  27.   
  28. <!-- QQ強(qiáng)制豎屏 -->  
  29. <meta name="x5-orientation" content="portrait" />  
  30.   
  31. <!-- UC強(qiáng)制全屏 -->  
  32. <meta name="full-scerrn" content="yes" />  
  33.   
  34. <!-- QQ強(qiáng)制全屏 -->  
  35. <meta name="x5-fullscreen" content="ture" />  
  36.   
  37. <!-- QQ應(yīng)用模式 -->  
  38. <meta name="x5-page-mode" content="app" />  
  39.   
  40. <!-- UC應(yīng)用模式 -->  
  41. <meta name="browsermode" content="application">  
  42.   
  43. <!-- window phone 點(diǎn)亮無高光 -->  
  44. <meta name="msapplication-tap-highlight" content="no" />  
  45.   
  46. <!-- 安卓設(shè)備不主動識別郵件地址 -->  
  47. <meta name="format-detection" name="email=no" />  
  48.   
  49. <!-- iOS設(shè)備 -->  
  50.   
  51. <!-- 添加到主屏幕的題目 -->  
  52. <meta name="apple-mobile-web-app-title" content="題目" />  
  53.   
  54. <!-- 是否啟用webApp全屏 -->  
  55. <meta name="apple-mobile-web-app-capable" content="yes" />  
  56.   
  57. <!-- 設(shè)置狀況欄的背景顏色，啟用webapp模式時生效 -->  
  58. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent/black/default" />  
  59. <!-- 半透明/黑色/默認(rèn)白色 -->  
  60.   
  61. <!-- 禁止數(shù)字識別為電話號碼 -->  
  62. <meta name="format-detection" content="telephone=no" />  
  63.   
  64. <!-- 智能添加廣告條 -->  
  65. <meta name="apple-itunes-app" content="app-id=myappstoreID,affiliate-data=myaffiliatedata,app-argument=myurl" />  

總結(jié)

本文只是對HTML5頭部<meta>標(biāo)簽的一些常用信息進(jìn)行總結(jié)，盼望對大家學(xué)習(xí)或者使用html5能有所幫助，假如有疑問大家可以留言交流，謝謝大家對圖趣網(wǎng)的支撐。

[教程作者：夜雨羽翼]
關(guān)鍵詞：頭部 標(biāo)簽 一些 常用 信息 小結(jié)
免責(zé)聲明：本站文章系圖趣網(wǎng)整理發(fā)布，如需轉(zhuǎn)載，請注明出處，素材資料僅供個人學(xué)習(xí)與參考，請勿用于商業(yè)用途！
本文地址：http://pkvc.cn/tutorial/wd3328.html
html5 視頻播放解決方案
解決canvas轉(zhuǎn)base64jpeg時透明區(qū)域變成黑色背景的方法
圖趣網(wǎng)微信
建議反饋
×