使用link rel="shortcut icon"为网页标题加图标

实现的效果就是这样: 

添加收藏夹也会有

 

通过查询资料,网络上有两种写法:

1
2
语句一:<link rel="shortcut icon" href="图片地址" />
语句二:<link rel="icon" href="图片地址" type="image/gif" />

 type可以设置多种图片类型。如:gif/png/ico

一般的图标尺寸都是16px*16px

静态的图标文件使用:

1
<link rel="shortcut icon" href="1.png" type="image/x-icon" />

动态图 gif(动画也是16*16)使用:

1
<link rel="icon" href="1.gif" type="image/gif" >

关于shortcut icon和icon代码的区别介绍

有一个博客有写 http://blog.csdn.net/ssisse/article/details/51705626 链接放在这里 方便以后看

1
2
<title>会员卡券</title>
<link rel="shortcut icon" href="http://GT/img/favicon.png" type="image/x-icon">
posted @   甜菜波波  阅读(690)  评论(0编辑  收藏  举报
编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
历史上的今天:
2011-09-13 统计在线人数
点击右上角即可分享
微信分享提示