首页 » 资源分享 » 正文

网站如何实现浏览器ico图标



当我们打开一个网站的时候,会发现其浏览器的地址栏前面和网站标题的前面都有一个特别的小图标。
例如本站所显示的:  
企业网站建设,广州企业网站建设,爱国足企业网站建设 和 企业网站建设,广州企业网站建设,爱国足企业网站建设

下面就来讲一下如何实现。

其实也很简单,我们首先要制作一个.ico的图标,尺寸为32×32。可以使用“ico精灵”等软件制作。

制作完成 .ico图标,我们将它命名为”favicon.ico”,上传至网站的根目录。

接下来在网站需要显示该图标的页面模板头部(<head> 与 </head> 之间)插入以下代码:<link rel=”shortcut icon” href=”favicon.ico” />

保存,浏览,就能出现效果了。(需要注意的是,360浏览器和IE浏览器可能不能立即出现效果,在火狐上就能立即出现效果)

另外需要补充的是,当我们将网页添加至收藏夹,如果也想让它显示出小图标,这可以继续插入代码:<link rel=”Bookmark” href=”favicon.ico” />

这样。就完成了。去试试吧。

本文共 2 个回复

  • 蒸笼 2012/09/26 17:01

    老师讲的真好!我会继续支持你的! :mrgreen: 😈

Comments are closed.