HTML5头部<meta>标签的一些常用信息小结

沿途的风景美不胜收,真是让人流连忘返。人生就像一场旅行,不知道在下一站邂逅什么样的人,发生怎么样的故事!

前言

大家都知道在移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析html代码,更好地将移动web前端页面表现出来。本文整理一些HTML5头部<meta>标签常用的信息。有错误的,敬请留言指正,或可以留言补充,欢迎留言交流!

XML/HTML Code复制内容到剪贴板
  1. <!--字体编码-->
  2. <metacharset="utf-8"/>
  3. <!--关键字-->
  4. <metaname="keywords"content=""/>
  5. <!--说明-->
  6. <metaname="description"content=""/>
  7. <!--作者-->
  8. <metaname="author"content=""/>
  9. <!--设置文档宽度、是否缩放-->
  10. <metaname="viewport"content="width=device-width,initial-scale=1.0,user-scalable=no"/>
  11. <!--优先使用IE最新版本或chrome-->
  12. <metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1"/>
  13. <!--360读取到这个标签立即钱换到极速模式-->
  14. <metaname="renderer"content="webkit"/>
  15. <!--禁止百度转码-->
  16. <metahttp-equiv="Cache-Control"content="no-siteapp"/>
  17. <!--UC强制竖屏-->
  18. <metaname="screen-orientation"content="portrait"/>
  19. <!--QQ强制竖屏-->
  20. <metaname="x5-orientation"content="portrait"/>
  21. <!--UC强制全屏-->
  22. <metaname="full-scerrn"content="yes"/>
  23. <!--QQ强制全屏-->
  24. <metaname="x5-fullscreen"content="ture"/>
  25. <!--QQ应用模式-->
  26. <metaname="x5-page-mode"content="app"/>
  27. <!--UC应用模式-->
  28. <metaname="browsermode"content="application">
  29. <!--windowphone点亮无高光-->
  30. <metaname="msapplication-tap-highlight"content="no"/>
  31. <!--安卓设备不自动识别邮件地址-->
  32. <metaname="format-detection"name="email=no"/>
  33. <!--iOS设备-->
  34. <!--添加到主屏幕的标题-->
  35. <metaname="apple-mobile-web-app-title"content="标题"/>
  36. <!--是否启用webApp全屏-->
  37. <metaname="apple-mobile-web-app-capable"content="yes"/>
  38. <!--设置状态栏的背景颜色,启用webapp模式时生效-->
  39. <metaname="apple-mobile-web-app-status-bar-style"content="black-translucent/black/default"/>
  40. <!--半透明/黑色/默认白色-->
  41. <!--禁止数字识别为电话号码-->
  42. <metaname="format-detection"content="telephone=no"/>
  43. <!--智能添加广告条-->
  44. <metaname="apple-itunes-app"content="app-id=myappstoreID,affiliate-data=myaffiliatedata,app-argument=myurl"/>

总结

本文只是对HTML5头部<meta>标签的一些常用信息进行总结,希望对大家学习或者使用html5能有所帮助,如果有疑问大家可以留言交流,谢谢大家对的支持。

以上就是HTML5头部&lt;meta&gt;标签的一些常用信息小结。愿我们上半年所有的遗憾,都是下半年惊喜的铺垫,加油吧。更多关于HTML5头部&lt;meta&gt;标签的一些常用信息小结请关注haodaima.com其它相关文章!

标签: amp lt