通常我们只需要把icon文件命名为favicon.ico，然后被动的让浏览器来读取。这样的缺点是：
1、各种浏览器读取和显示icon的规则不一样；
2、生效速度慢。
其实可以写代码让浏览器主动读取，可以兼容各种浏览器，而且生效是立即生效。
第一：先制作icon
找自己喜欢的图片或者自己原创自己想要的图片，利用图片转换工具，比如格式工厂，将修改好图片转成.icon格式；
或者使用一个专门搜索的图标的网站www.easyicon.net找到自己满意的图标，然后下载。
第二：编写代码
在首页<head>与</head>之间插入如下代码
<link rel="shortcut icon" href="icon图片URL地址" type="image/x-icon" />
然后打开浏览器测试一下，看是否达到效果。
PS：icon图片URL地址一定要填写所使用的icon的绝对路径。实际上，只要某个静态资源是供全局使用的，都尽量要使用绝对URL，以免引起不必要的错误，当然为了安全考虑，URL最好写域名而不是IP地址。因为通过域名不一样能查到IP地址，比如通过CDN加速就可以隐藏真实IP地址。所以以下写法是可取的：
<link rel="shortcut icon" href="https://www.baidu.com/favicon.ico" type="image/x-icon" />
扫一扫
388
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
