前言
大家都知道在移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析html代码,更好地将移动web前端页面表现出来。本文整理一些HTML5头部<meta>标签常用的信息。有错误的,敬请留言指正,或可以留言补充,欢迎留言交流!
- <!--字体编码-->
- <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能有所帮助,如果有疑问大家可以留言交流,谢谢大家对的支持。
以上就是HTML5头部<meta>标签的一些常用信息小结。愿我们上半年所有的遗憾,都是下半年惊喜的铺垫,加油吧。更多关于HTML5头部<meta>标签的一些常用信息小结请关注haodaima.com其它相关文章!