首页 > 代码库 > 在浏览器地址栏里显示图片 favicon.ico

在浏览器地址栏里显示图片 favicon.ico

在iPhone/iPad等苹果移动设备上,可以把网站”添加至主屏幕”,添加时的图标可以在HTML中自定义设置图片。

可以使用apple-touch-icon和apple-touch-icon-precomposed这两种方法,两者区别是:

使用apple-touch-icon属性为“增加一层透明高光层的图标”

<link rel=”apple-touch-icon” href=http://www.mamicode.com/”icon.png” />
使用apple-touch-icon-precomposed属性为“设计原图图标”

<link rel=”apple-touch-icon-precomposed” href=http://www.mamicode.com/”icon.png” />

现在在网址根目录下放favicon.ico文件,只要根目录下有这个文件,浏览器会自动读取出来并显示~~

在浏览器地址栏里显示图片 favicon.ico