Html设置问题（设置浏览器上面的图标，移动设备上面页面保存为图标）

最近开发了一个新的项目，项目完成之后；要求把页面在移动设备上面保存为图标，通过图标直接进入系统入口（这样看着就想APP一样）；刚开始通过百度直接设置了，发现有两个问题，第一、图标直接是页面的截图；第二、图标在页面关闭之后就会直接消失了；后面通过查询资料终于解决了这个问题；在head中加入代码，如下；

<meta name="format-detection" content="telephone=no">//是否移动设备上面是有的链接
<meta name="apple-mobile-web-app-capable" content="yes">//是否可以保存为图标
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/logo_72.png">//图标的大小和地址
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/logo_114.png">

现在的HTML是可以设置浏览器上面显示的图标，代码如下：

<link rel="shortcut icon" href="../../favicon_yj.ico" type="image/x-icon">