favicon.ico使用方式

最近在加强html学习中,刚学会字体图标的使用方式,现在出现了一个favicon.ico的使用方式,favicon.ico其实就是网站打开时的标题旁边的图标,不同的公司都有自己专门设计的公司图标,算是进入公司的一个地一样印象。
下面开始讲解怎么使用:
(1)怎么查看一个网站的favicon.ico呢?
答:在公司的网址后输入/favicon.ico;
例如:https://www.csdn.net/favicon.ico
显示结果如图所示:
在这里插入图片描述
(2)在html中引入favicon.ico
将favicon.ico放入于html在同一个目录中,然后引入

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

放在title后面。head里面。
备注:在一些同学中,经常出现所有步骤都成功了,但是还是没有显示出来,如果试了google可以显示出来的话,如图:在这里插入图片描述
可能是自己电脑浏览器需要清理缓存,电脑图标加载的比较慢。
解决方法见下面的链接:
https://blog.csdn.net/leapping/article/details/78709474

后面我会再继续学习怎么制作favicon.ico图标。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值