设置浏览器地址栏上的小图标

最新推荐文章于 2025-08-07 14:50:49 发布

ocean_end

最新推荐文章于 2025-08-07 14:50:49 发布

阅读量194

点赞数

CC 4.0 BY-SA版权

分类专栏： uncategory 文章标签：浏览器 Firefox HTML .net

本文链接：https://blog.youkuaiyun.com/ocean_end/article/details/83370629

uncategory 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了如何在网站上正确配置Favicon.ico图标文件。包括将图标放置于网站根目录的方法，以及如何通过HTML代码指定不同目录下的Favicon。此外，还介绍了如何使用GIF动画作为Favicon。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[url]http://www.blogjava.net/cool2009/archive/2009/04/09/264696.html[/url]

尝试一下favicon.ico

只需要将ico文件命名为favicon.ico并放入网站根目录即可.

more:

浏览器调用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”>

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" >