favicon 的概念
favicon 中文译名是收藏夹图标，不仅是网站的头像，也是其可以让浏览器的收藏夹中除了显示相应的标题外，还以图标的方式区分不同的网站。
浏览器的支持
FF 浏览器还支持动态的 favicon，让你的网站更有个性
一个冷知识
favicon 在一定程度上减轻服务器的流量带宽占用，一般为了提高网站的可用性，我们都会为自己的网站创建一个自定义的404错误文件，在这种情况下，如果网站没有相应的favicon.ico文件，每当有用户收藏网站/网页时， Web服务器都会调用这个自定义的404文件，并在网站的错误日志中记录。这显然是应该予以避免的。
偶尔设置了 favicon 发现没有显示
首先检查格式是否正确：
登录后复制
现在格式已经没有那么严格了， 没有 type 也是可以的
格式没错的话， ctrl + F5 强制清除缓存，就可以看到标签页的图标了。
webpack 怎么打包 favicon ？
如果你是用 html-webpack-plugins 来处理 html的话，这个插件已经提供了 favicon ，你只要写好 favicon 所在的路径就可以了， 如：
const htmlPlugin = new HtmlWebpackPlugin({ favicon: path.resolve(publicDir, './imgs/favicon.ico')});pluginsConfig.push(htmlPlugin);
登录后复制
插件就会自动帮你打包到 html 的 head 里面;
不是的话需要自己处理这个图标，再引用
更多favicon 不只是个图标 相关文章请关注PHP中文网！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2836546.html
