今天来聊一点简单的东西；为什么我们编辑器中的快捷代码段中都会有一个<meta charset="UTF-8">这个我相信大家都知道是干什么的；今天我想说的是移动前端开发中添加一些webkit专属的HTML5头部标签，帮助浏览器更好解析HTML代码，更好地将移动web前端页面表现出来,会添加一些meta标签。
下面就列举几个常用的meta属性：
设置Meta标签
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
首相我们看一下这写属性，这些属性是干什么的呢？
其实他们可以将H5页面窗口自动调整到设备宽度，并禁止用户缩放页面的；
好吧我们把这段代码的几个参数解释一下：
width = device-width：宽度等于当前设备的宽度
initial-scale： 初始的缩放比例（默认设置为1.0）
minimum-scale：允许用户缩放到的最小比例（默认设置为1.0）
maximum-scale：允许用户缩放到的最大比例（默认设置为1.0）
user-scalable：用户是否可以手动缩放（默认设置为no，因为我们不希望用户放大缩小页面）
下面在该大家介绍几个meta标签：
- 忽略将页面中的数字识别为电话号码
<meta name="format-detection" content="telephone=no" />
- 忽略Android平台中对邮箱地址的识别
<meta name="format-detection" content="email=no" />
- 当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari
<meta name="apple-mobile-web-app-capable" content="yes" />
ios7.0版本以后，safari上已看不到效果
- 将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
可选default、black、black-translucent
meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，
其实这篇文章只是想让大家了解mate标签，大家在以后的学习中会遇到更多的mate标签；可以看到一个总结一个；最后自己也就有了一个mate标签武器库；大家总结的文章不要藏私哦；分享才是最快乐的；
