移动端常用meta总结

1、禁止缩放：<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
（width=device-wdth可写为640px IE不支持此写法）

2、不识别为电话号码、邮箱、地址：<meta name="format-detection" content="telephone=no,email=no,adress=no">

3、删除默认的苹果工具栏、菜单栏(全屏显示：<meta name="apple-mobile-web-app-capable" content="yes">

4、全屏显示：<meta name="apple-touch-fullscreen" ="yes">

5、设置app应用下状态条的颜色，默认值default (白色)  black（黑色），black-translucent（灰色半透明）如果设置为这个值会占据页面的px位置浮在页面上方20px高度  iphone4是40px ：<meta name="apple-mobile-web-app-status-bar-style" content="black">

6、360模式固定为极速模式：<meta name="renderer" content="webkit">

7、IE8浏览器的显示方式:IE=edge以IE最高版本显示，chrome=1 以谷歌浏览器模式渲染(GCF(Google Chrome Frame))：<meta http-equiv="X-UA-Compatible" content="IE=edge       chrome=1">

8、 告诉浏览器链接来源于哪里(计算网页上链接的访问量)：<meta name="referrer" content="never">


LINK

预解析技术，当浏览网页时，浏览器会在加载页面的时对页面中的域名进行解析缓存，当我们点击这些网页的链接时就不需要再进行DNS的解析，减少用户的等待时间，提高用户的体验
<link rel="dns-prefetch" href="xxx.com">