一、favicon.ico是什么？
favico.ico是网页在浏览器中选项卡中的图标，比如打开了百度，上面的标题栏中左侧的logo就是favicon图标，当你收藏网页时，在收藏列表中同样会显示这个图标
如果没有设置favico图标，默认是这样的（很丑是吧哈哈哈）：
二、生成自己的favico.ico图标
1、首先这个图标必须是ico格式的（以.ico为后缀），我们可以通过网站来制作ico图标，比如比特虫：
生成的方式很简单，不再赘述。
2、更改图标名字：
favicon.ico这是个固定名称，不能更改，在网站中生成的ico文件不是这个名字，所以我们要把 名字改为 favicon.ico
三、在网页中使用图片
1、把文件放到根目录，一般不放进img文件夹
2、通过link标签引入ico
<link rel="shortcut icon" href="favicon.ico" />
网上很多教程都是这样引入的，或者还有其他的一些属性，但是核心的就是 rel 和 href 属性，如果你完成到这步时，查看网页显示图标，那恭喜你，完成了ico的设置。
四、设置ico之后不显示
但我的路总是比别人要长一点，我查阅了几个教程，复制了几段不同的引入方式，也修改过路径，结果我的网页还是显示不出来。
经不懈的努力（好几分钟），终于找到了ico失效的原因：
当使用服务器运行HTML时，相对路径要改为绝对路径
当引入代码为相对路径时：
<link rel="shortcut icon" href="favicon.ico" />
使用file本地文件打开时，ico是没有问题的
但是在服务器时不能显示：
所以我改成了绝对路径：
<link rel="shortcut icon" href="http://localhost:5500/favicon.ico" />
这样子，服务器和本地都能正常显示了
