HTML5头顶部<meta>标识的1些常见信息内容小结

日期：2021-01-19 类型：科技新闻 

关键词：网页设计，移动端网页设计，大一网页设计作业成品，网页编辑软件，网页在线编辑

序言

大伙儿都了解在挪动前端开发开发设计中加上1些webkit专属的HTML5头顶部标识，协助访问器更好分析html编码，更好地将挪动web前端开发网页页面主要表现出来。本文梳理1些HTML5头顶部<meta>标识常见的信息内容。有不正确的，敬请留言纠正，或能够留言填补，欢迎留言沟通交流！

XML/HTML Code拷贝內容到剪贴板
  1. <!-- 字体样式编号 -->  
  2. <meta charset="utf⑻" />  
  3.   
  4. <!-- 重要字 -->  
  5. <meta name="keywords" content="" />  
  6.   
  7. <!-- 表明 -->  
  8. <meta name="description" content="" />  
  9.   
  10. <!-- 作者 -->  
  11. <meta name="author" content="" />  
  12.   
  13. <!-- 设定文本文档宽度、是不是放缩 -->  
  14. <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />  
  15.   
  16. <!-- 优先选择应用IE全新版本号或chrome -->  
  17. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />  
  18.   
  19. <!-- 360载入到这个标识马上钱换到极速方式 -->  
  20. <meta name="renderer" content="webkit" />  
  21.   
  22. <!-- 严禁百度搜索转码 -->  
  23. <meta http-equiv="Cache-Control" content="no-siteapp" />  
  24.   
  25. <!-- UC强制性竖屏 -->  
  26. <meta name="screen-orientation" content="portrait" />  
  27.   
  28. <!-- QQ强制性竖屏 -->  
  29. <meta name="x5-orientation" content="portrait" />  
  30.   
  31. <!-- UC强制性全屏 -->  
  32. <meta name="full-scerrn" content="yes" />  
  33.   
  34. <!-- QQ强制性全屏 -->  
  35. <meta name="x5-fullscreen" content="ture" />  
  36.   
  37. <!-- QQ运用方式 -->  
  38. <meta name="x5-page-mode" content="app" />  
  39.   
  40. <!-- UC运用方式 -->  
  41. <meta name="browsermode" content="application">  
  42.   
  43. <!-- window phone 点亮无高光 -->  
  44. <meta name="msapplication-tap-highlight" content="no" />  
  45.   
  46. <!-- 安卓系统机器设备不全自动鉴别电子邮件详细地址 -->  
  47. <meta name="format-detection" name="email=no" />  
  48.   
  49. <!-- iOS机器设备 -->  
  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. <!-- 设定情况栏的情况色调，开启webapp方式时起效 -->  
  58. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent/black/default" />  
  59. <!-- 半全透明/黑色/默认设置白色 -->  
  60.   
  61. <!-- 严禁数据鉴别为电話号码 -->  
  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" />  

总结

本文只是对HTML5头顶部<meta>标识的1些常见信息内容开展总结，期待对大伙儿学习培训或应用html5能有一定的协助，假如有疑惑大伙儿能够留言沟通交流，感谢大伙儿对脚本制作之家的适用。

上一篇：手机微信主题活动的硬核游戏玩法——手机微信 返回下一篇：没有了