favicon 的概念
favicon 中文译名是收藏夹图标,不仅是网站的头像,也是其可以让浏览器的收藏夹中除了显示相应的标题外,还以图标的方式区分不同的网站。
浏览器的支持
FF 浏览器还支持动态的 favicon,让你的网站更有个性
一个冷知识
favicon 在一定程度上减轻服务器的流量带宽占用,一般为了提高网站的可用性,我们都会为自己的网站创建一个自定义的404错误文件,在这种情况下,如果网站没有相应的favicon.ico文件,每当有用户收藏网站/网页时, Web服务器都会调用这个自定义的404文件,并在网站的错误日志中记录。这显然是应该予以避免的。
偶尔设置了 favicon 发现没有显示
首先检查格式是否正确:
现在格式已经没有那么严格了, 没有 type 也是可以的
格式没错的话, ctrl + F5 强制清除缓存,就可以看到标签页的图标了。
BJXSHOP网上购物系统 - 书店版下载BJXSHOP购物管理系统是一个功能完善、展示信息丰富的电子商店销售平台;针对企业与个人的网上销售系统;开放式远程商店管理;完善的订单管理、销售统计、结算系统;强力搜索引擎支持;提供网上多种在线支付方式解决方案;强大的技术应用能力和网络安全系统 BJXSHOP网上购物系统 - 书店版,它具备其他通用购物系统不同的功能,有针对图书销售而进行开发的一个电子商店销售平台,如图书ISBN,图书目录
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中文网!









