如何在网页上调用favicon.ico

浏览器调用favicon的原理是首先在网页所在目录寻找favicon.ico文件,如果没有找到就去网站的根目录寻找。所以最简单的方法就是将制作好的favicon文件命名为favicon.ico然后上传到网站的根目录下。

如果您需要将Favicon.ico放到其他目录下,或者希望让不同的网页显示不同的Favicon,就需要在网页Html文件中做设定了,具体设置也很简单,在Html中的<head>部分加入如下的代码:

<link rel=”icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>

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

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

含义:在浏览器标签中显示favicon,在收藏夹中显示favicon。

除此之外,Firefox还支持GIF动画格式的Favicon,使用方法如下:

首先制作一个16*16的gif动画,然后在html代码<head></head>中加入如下代码:

程序代码 <link rel="shortcut icon" href="favicon.ico" >

<link rel="icon" href="animated_favicon.gif" type="image/gif" >即可。



Faviconico.org 由 铺王 设计开发. Favicon.ico在线制作 ICO图标在线制作工具 可实时预览显示效果
友链:阿里图片标注
free web stats