favicon.ico

Posted zhaoqiang1980

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了favicon.ico相关的知识,希望对你有一定的参考价值。

favicon.ico 作为网页的图标,被当前的所有浏览器都支持。

可直接放在主目录下,自动加载,也可设置在header中。

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

<link rel="bookmark" href="/favicon.ico" />

如果是动态图片(仅fireFox支持),则

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

图标的大小设置在 16*16 或者 32*32即可,太大也没用。

常见的图标网站:http://www.easyicon.net/language.zh-cn/

http://www.faviconico.org/

对于网站上不想用此操作比如h5移动开发,可在主页加入以下代码(请求空的img数据):

<link rel="icon" href="data:;base64,=">

 

以上是关于favicon.ico的主要内容,如果未能解决你的问题,请参考以下文章

如何为自己的网站安装favicon.ico标志?

关于favicon.ico的问题

如何为自己的网站安装favicon.ico标志?

如何在网站上安装Favicon.ico识别图标

如何给网页标题栏上添加图标(favicon.ico)(转)

Vue -- 解决favicon.ico:1 GET http://127.0.0.1:5500/favicon.ico 404 (Not Found)问题