Html中的favicon.ico

来源:互联网 发布:南海大数据研究院 编辑:程序博客网 时间:2024/03/29 21:38
一、概述
使用的WEB浏览器是IE5或以上版本,那么将某些网站加入到“收藏夹”后,会注意到在这些网站标题的旁边还有一个独具个性的图标,这就是收藏夹图标favicon.ico。
 

二、制作方法

① 将需要作为图标的图片(任意格式),提交给可在线生成16*16像素的ico图标的网站,得到网站的图标(后缀名为ico)。
② 下载刚生成的图标文件并上传到网站根目录中即可。

三、注意点

若在低于IE5以下版本的浏览器中显示,应在HTML源文件<head>间添加如下代码: 
<link rel="Shortcut Icon" href="图片的地址">
<link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标 
<link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标

把图标命名为favicon.ico一般不用写link就可以应用于站点下的每一个页面文件了。该图标的路径一定要使用绝对路径。   

有些Web站点的主机服务器(如Geocities)不支持图标文件格式,这就需要与管理员联系,要求他开通图标文件格式的支持。

四、其他一些文档

《关于favicon.ico的两三事》http://www.cnblogs.com/LoveJenny/archive/2012/05/22/2512683.html


原帖地址:http://blog.csdn.net/hexinfei/article/details/9211767