如何让浏览器主动识别网站icon图标

来源：互联网发布：黑马程序员课程表编辑：程序博客网时间：2024/05/01 03:19

通常我们只需要把icon文件命名为favicon.ico，然后被动的让浏览器来读取。这样的缺点是：

1、各种浏览器读取和显示icon的规则不一样；

2、生效速度慢。

其实可以写代码让浏览器主动读取，可以兼容各种浏览器，而且生效是立即生效。

第一：先制作icon

找自己喜欢的图片或者自己原创自己想要的图片，利用图片转换工具，比如格式工厂，将修改好图片转成.icon格式；

或者使用一个专门搜索的图标的网站www.easyicon.net找到自己满意的图标，然后下载。

第二：编写代码

在首页<head>与</head>之间插入如下代码

然后打开浏览器测试一下，看是否达到效果。

PS：icon图片URL地址一定要填写所使用的icon的绝对路径。实际上，只要某个静态资源是供全局使用的，都尽量要使用绝对URL，以免引起不必要的错误，当然为了安全考虑，URL最好写域名而不是IP地址。因为通过域名不一样能查到IP地址，比如通过CDN加速就可以隐藏真实IP地址。所以以下写法是可取的：

0 0