做网站的人如果细心一点，一定会制作favicon.ico，让浏览器标签顶部显示自己网站的小LOGO，是一件很有成就感的事。但是目前市面上浏览器种类比较多，不同的浏览器对待favicon.ico的显示是有所不同的。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/17689.html
我们假设一个页面：http://localhost:8800/news.html
1，Firefox浏览器请求的是：news.html页面meta标签link的href所对应的图标，根据你的设置来。
2，搜狗浏览器请求的是http://localhost:8800/favicon.ico，保留端口的同时，请求根目录下的favicon.ico文件。
3，360浏览器、谷歌浏览器请求的是http://localhost/favicon.ico，也就是不管你访问的页面是http://localhost/news.html，还是http://localhost:8800/news.html，还是http://localhost/pindao/news.html，他们请求的都是http://localhost/favicon.ico，不管端口，也不管你页面meta标签link的设置。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/17689.html
所以，如果你的网站favicon.ico不起作用，或者是想要让favicon.ico的兼容性更好，要这样做：
1，在网站根目录下放favicon.ico。如果你的网站带端口，那么需要在默认80端口的域名根目录下放favicon.ico。一般来说，对外运营的网站是不带端口的。
2，meta中link的写法：<link rel="shortcut icon" href="http://localhost/favicon.ico" type="image/x-icon" />，建议你favicon.ico使用绝对路径。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/17689.html