许多网站在打开后,在你的标签上就会显示一个小小的图标,比如
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%优惠!更有无限空间等着你!中国电信 中国移动 互联网 博客 域名 广告 建站 微软 心情 战略 技巧 操作系统 数据恢复 新闻 游戏娱乐 电脑维修 病毒 百度 硬件相关 硬盘 站长评论 笔记本 编程开发 网上调查 网站事务 网站技术 网络赚钱 蜘蛛 计算机安全 软件 软件技巧 通信 通信产业 闲话杂谈 e godaddy Google 广告 IT Photo Shop seo vc windows7 Windows XP wordpress z-blog
WP Cumulus Flash tag cloud by Roy Tanck and Luke Morton requires Flash Player 9 or better.
Recent Comments