时间:2019-10-28 编辑:lexiaoyao
不知道有没有人觉得,html的meta标签描述的头部信息特别多,下面这篇文章主要给大家分享介绍了关于移动端常用的meta标签介绍。
适应屏幕宽度
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
telephone=no就禁止了把数字转化为拨号链接!
<meta name=”format-detection” content=”telephone=no”>
删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时,这个行meta就不用加了,默认就是显示。
<meta name=”apple-mobile-web-app-capable” content=”yes”>
Meta 之 apple-mobile-web-app-status-bar-style (作用为控制状态栏显示样式)
<meta name=”apple-mobile-web-app-status-bar-style” content=”default” /> <meta name=”apple-mobile-web-app-status-bar-style” content=”black” /> <meta name=”apple-mobile-web-app-status-bar-style” content=”black-translucent” />
uc强制竖屏
<meta name="screen-orientation" content="portrait">
QQ强制竖屏
<meta name="x5-orientation" content="portrait">
UC强制全屏
<meta name="full-screen" content="yes">
QQ强制全屏
<meta name="x5-fullscreen" content="true">
UC应用模式
<meta name="browsermode" content="application">
QQ应用模式
<meta name="x5-page-mode" content="app">
IOS启用 WebApp 全屏模式
<meta name="apple-mobile-web-app-capable" content="yes">
IOS全屏模式下隐藏状态栏/设置状态栏颜色 content的值为default | black | black-translucent
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
IOS添加到主屏后的标题
<meta name="apple-mobile-web-app-title" content="标题">
IOS添加智能 App 广告条 Smart App Banner
<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
去除iphone 识别数字为号码
<meta name="format-detection" content="telephone=no">
不识别邮箱
<meta name="format-detection" content="email=no">
禁止跳转至地图
<meta name="format-detection" content="adress=no">
可以连写
<meta name="format-detection" content="telephone=no,email=no,adress=no">