网站的个性图标
Shortcut Icon 就是在网站地址的前面出现的那个小图标。
想要让你的网站显示个性图标,首先需要制作个icon的图标,其次需要在页面的“<head></head>”间添加如下代码:
Html代码
- <!--可以在收藏夹中显示出图标-->
- <link rel="Bookmark" type="image/x-icon" href="favicon.ico"/>
- <!--可以在地址栏中显示出图标-->
- <link rel="icon" type="image/x-icon" href="favicon.ico" />
- <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
Html代码
- <!--可以在收藏夹中显示出图标-->
- <link rel="Bookmark" type="image/x-icon" href="favicon.ico"/>
- <!--可以在地址栏中显示出图标-->
- <link rel="icon" type="image/x-icon" href="favicon.ico" />
- <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
注意点:
- 一般ICON的分辨率是16*16,大小1-2k,建议不宜过大
如果你已经安装上面介绍的步骤更新到网站目录以后,用IE仍然不显示小图标,问题很可能出在缓存的历史记录上。请选择选择Internet选项,删除浏览历史记录,重新刷新页面一般即可解决。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步