meta标签

meta name

1 apple-mobile-web-app-status-bar-style

<meta name = "apple-mobile-web-app-status-bar-style" content = "black|white">
<!--控制苹果手机status bar的默认显示颜色，一般为white和black-->

2 format-detection

<meta name = "format-detection" content = "telephone|email|address">

格式检测
1、telephone：
主要作用是是否设置自动将你的数字转化为拨号连接
telephone=no 禁止把数字转化为拨号链接
telephone=yes 开启把数字转化为拨号链接，默认开启

2、email
告诉设备不识别邮箱，点击之后不自动发送
email=no 禁止作为邮箱地址
email=yes 开启把文字默认为邮箱地址，默认情况开启

3、address
address=no 禁止跳转至地图
address=yes 开启点击地址直接跳转至地图的功能, 默认开启

3 renderer

<meta name = "renderer" content = "webkit|ie-comp|ie-stand">

告诉360浏览器默认用什么内核渲染页面
若页面需默认用极速核，增加标签：<meta name="renderer" content="webkit">
若页面需默认用ie兼容内核，增加标签：<meta name="renderer" content="ie-comp">
若页面需默认用ie标准内核，增加标签：<meta name="renderer" content="ie-stand">

4 full-screen

<meta name = "full-screen" content = "yes|no">

手机端uc浏览器自动全屏

5 browsermode

<meta name="browsermode" content="application">

手机端uc应用模式

6 x5-orientation

<meta name="x5-orientation" content="portrait">

手机端qq浏览器强制竖屏

7 x5-fullscreen

<meta name="x5-fullscreen" content="true">

手机端qq浏览器强制全屏

8 x5-page-mode

<meta name="x5-page-mode" content="app">

手机端qq应用模式

9 viewport

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,user-scalable=no,minimal-ui" />

minimal-ui 属性是让苹果手机浏览网页时不显示地址栏
width viewport 宽度(数值/device-width)
height viewport 高度(数值/device-height)
initial-scale 初始缩放比例
maximum-scale 最大缩放比例
minimum-scale 最小缩放比例
user-scalable 是否允许用户缩放(yes/no)

10 apple-itunes-app

<meta name="apple-itunes-app" content="app-id=432274380" />

苹果手机浏览网页时，上方提示本网页的app版本在itunes中的下载链接

11 apple-mobile-web-app-capable

<meta name="apple-mobile-web-app-capable" content="yes"/>

这meta的作用就是删除默认的苹果工具栏和菜单栏。
content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时，这个行meta就不用加了，默认就是显示。

12 apple-mobile-web-app-title

<meta name="apple-mobile-web-app-title" content="Chasen"/>

苹果手机把网页添加到主屏幕后的标题

13 apple-touch-fullscreen

不知道 后续补充