HTML之必备meta标签
meta标签写在HTML的<head>中，推荐每个手机H5页面必加以下的代码：
<head> <meta charset="UTF-8"> <meta id="viewport" name="viewport" content="width=device-width, viewport-fit=cover, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> <meta name="format-detection" content="telephone=no, email=no"> </head>
1.UTF-8是规定好字符集，防止乱码。
2.viewport的作用是让当前viewport的宽度等于设备的宽度，同时不允许用户手动缩放。
也许允不允许用户缩放不同的网站有不同的要求，但让viewport的宽度等于设备的宽度，这个应该是大家都想要的效果。
如果你不这样的设定的话，那就会使用那个比屏幕宽的默认viewport，也就是说会出现横向滚动条。
如果使用
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
则会在iPhone出现点击输入框页面被放大且无法自动缩小的情况。
3.format-detection的作用是禁止将页面中的一连串数字识别为电话号码，并设置为手机可以拨打的一个链接，邮箱亦如此（在iPhone会有这种情况）。
