网页标题添加ico图标

每个网站都有自己的标题和logo,当访问某个网站时,浏览器窗口会显示该网站的logo+标题,以便清晰的知道我们正在访问的是哪一个网站,如:
在这里插入图片描述

转换ico图标

实现步骤:
1、先切图,尽量透明背景,png格式
2、访问网站 http://www.bitbug.net/
3、把图片转换为小图标,如图所示
在这里插入图片描述

引用ico图标

实现步骤:
1、找到logo,访问https://www.网站名.com/favicon.ico
2、右键保存该图标至根目录
3、引用该图标
实现代码:

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

注意:

  1. 她(它)不是iconfont字体也不是图片。

  2. 位置是放到 head 标签中间。

  3. 后面的type=“image/x-icon” 属性可以省略。

  4. 为了兼容性,请将favicon.ico 这个图标放到根目录下。
    在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值