去GoDaddy就能获得49元(6.89美元)的com域名,还赠送10G免费空间!

许多网站在打开后,在你的标签上就会显示一个小小的图标,比如

Z-blog 挖网络 Google baidu e度人

这就叫favicon, favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo。

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

PS:

提供个在线生成ico的地址:

你可以将你喜欢的任何一张图片在线转换成ICO,还可以添加文字生成动态ICO。使用步骤:
1、打开 http://www.chami.com/html-kit/services/favicon/
2、点击浏览选择你希望做成ICO的图片
3、点击 Generate FavIcon.ico 按钮提交
4、稍等片刻后,你的ICO将会自动生成,可以点击旁边的保存按钮将ICO下载到本地。

您可能还对这些文章感兴趣

还在为国内互联网政策发愁吗?想获得本站一样的超快主机吗?现在去GoDaddy吧,购买主机就能获得20%优惠!更有无限空间等着你!