1.获取图标

favicon.ico 是一种格式,一般用于网页地址栏前或者在标签上以缩略方式显示网站标志。

所以,在网页地址后面加 /favicon.ico

这样的形式就可以快速获取网页标题的小图标了。

2.设置图标

<link rel="" href="" type="" />

 <link>:标签定义文档与外部资源的关系

rel:表示将要引用的资源类型

href:表示指向资源的URL

type:表示资源的MIME类型(文档、文件或字节流的性质和格式)

写法

<link rel="shortcut icon" href="favicon.ico">,代码中rel="shortcut icon"是一种固定写法。如果缺省该属性会影响ico图标的正确显示。所以该属性千万要记得写。

<link rel="shortcut icon" href="1.png" type="image/x-icon" />这样写可以上传png或其他格式的图片,

动态图 gif使用:<link rel="icon" href="1.gif" type="image/gif" >

总之要上传什么格式的资源就在type后面写入格式名称,

关于在rel中写shortcut icon和icon代码的区别:就在于前面多了一个“捷径”。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐