设置网页favicon图标，并解决ico失效的问题

一、favicon.ico是什么？

favico.ico是网页在浏览器中选项卡中的图标，比如打开了百度，上面的标题栏中左侧的logo就是favicon图标，当你收藏网页时，在收藏列表中同样会显示这个图标

如果没有设置favico图标，默认是这样的（很丑是吧哈哈哈）：

二、生成自己的favico.ico图标

1、首先这个图标必须是ico格式的（以.ico为后缀），我们可以通过网站来制作ico图标，比如比特虫：

生成的方式很简单，不再赘述。

2、更改图标名字：

favicon.ico这是个固定名称，不能更改，在网站中生成的ico文件不是这个名字，所以我们要把 名字改为 favicon.ico

三、在网页中使用图片

1、把文件放到根目录，一般不放进img文件夹

2、通过link标签引入ico

网上很多教程都是这样引入的，或者还有其他的一些属性，但是核心的就是 rel 和 href 属性，如果你完成到这步时，查看网页显示图标，那恭喜你，完成了ico的设置。

四、设置ico之后不显示

但我的路总是比别人要长一点，我查阅了几个教程，复制了几段不同的引入方式，也修改过路径，结果我的网页还是显示不出来。
经不懈的努力（好几分钟），终于找到了ico失效的原因：

当使用服务器运行HTML时，相对路径要改为绝对路径

当引入代码为相对路径时：

使用file本地文件打开时，ico是没有问题的

但是在服务器时不能显示：

所以我改成了绝对路径：

这样子，服务器和本地都能正常显示了