今天小编跟大家讲解下有关HTML5头部<meta>标签的一些常用信息小结 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关HTML5头部<meta>标签的一些常用信息小结 的相关资料，希望小伙伴们看了有所帮助。
前言
大家都知道在移动前端开发中添加一些webkit专属的HTML5头部标签 帮助浏览器更好解析html代码 更好地将移动web前端页面表现出来。本文整理一些HTML5头部<meta>标签常用的信息。有错误的 敬请留言指正 或可以留言补充 欢迎留言交流！
XML/HTML Code复制内容到剪贴板 <!--字体编码--> <metacharset="utf-8"/> <!--关键字--> <metaname="keywords"content=""/> <!--说明--> <metaname="description"content=""/> <!--作者--> <metaname="author"content=""/> <!--设置文档宽度、是否缩放--> <metaname="viewport"content="width=device-width,initial-scale=1.0,user-scalable=no"/> <!--优先使用IE最新版本或chrome--> <metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1"/> <!--360读取到这个标签立即钱换到极速模式--> <metaname="renderer"content="webkit"/> <!--禁止百度转码--> <metahttp-equiv="Cache-Control"content="no-siteapp"/> <!--UC强制竖屏--> <metaname="screen-orientation"content="portrait"/> <!--QQ强制竖屏--> <metaname="x5-orientation"content="portrait"/> <!--UC强制全屏--> <metaname="full-scerrn"content="yes"/> <!--QQ强制全屏--> <metaname="x5-fullscreen"content="ture"/> <!--QQ应用模式--> <metaname="x5-page-mode"content="app"/> <!--UC应用模式--> <metaname="browsermode"content="application"> <!--windowphone点亮无高光--> <metaname="msapplication-tap-highlight"content="no"/> <!--安卓设备不自动识别邮件地址--> <metaname="format-detection"name="email=no"/> <!--iOS设备--> <!--添加到主屏幕的标题--> <metaname="apple-mobile-web-app-title"content="标题"/> <!--是否启用webApp全屏--> <metaname="apple-mobile-web-app-capable"content="yes"/> <!--设置状态栏的背景颜色 启用webapp模式时生效--> <metaname="apple-mobile-web-app-status-bar-style"content="black-translucent/black/default"/> <!--半透明/黑色/默认白色--> <!--禁止数字识别为电话号码--> <metaname="format-detection"content="telephone=no"/> <!--智能添加广告条--> <metaname="apple-itunes-app"content="app-id=myappstoreID,affiliate-data=myaffiliatedata,app-argument=myurl"/>总结
本文只是对HTML5头部<meta>标签的一些常用信息进行总结 希望对大家学习或者使用html5能有所帮助 如果有疑问大家可以留言交流 谢谢大家对AIDI的支持。
来源：爱蒂网
