定制网站收藏夹图标的方法有两种：

第一种方法：
　　第一步，当然是准备一个能体现您的主页的风格和个性的图标。比较简便的办法除了下载，就是将您的网站的logo做成一个图标。
　　第二步，将这个图标文件命名为：favicon.ico。
　　第三步，将favicon.ico上传到您的网站所在的服务器的根目录下。您不需要对您的网页文件作任何的修改，Internet Explorer 5会自动的不停的搜索您的网站的根目录，它一旦发现了favicon..ico这个文件，就会将该图标显示在访问者的地址栏和收藏夹列表中了。
　　使用这种方法来定制收藏夹图标，有一个明显的缺陷，就是收藏夹图标只能在网站的首页中显示。

第二种方法：
　　第一步，还是准备一个能体现您的主页的风格和个性的图标。
　　第二步，将这个图标文件命名为任意的文件名，如myicon.ico。
　　第三步，在网页文件的head部分加入下面的内容：
　　<link rel="shortcut icon" href="http://www.mysite.com/myicon.ico" type="image/x-icon">。
　　注意：图标文件的路径一定要使用绝对路径。
　　这种方法就可以使所有的页面都能显示收藏夹图标了。
　　最后还有一点需要说明的是，有些Web站点的主机服务器（如：Geocities）不支持图标文件格式（.ico），这时您就需要与系统管理员联系，要求他开通对图标文件格式的支持，当然也可以使用type属性来定义图片的类型，如：type="image/x-icon"    "image/png"    "image/gif"

通过link rel="icon"可以实现部分浏览器的动画图标效果

语句一:<link rel="shortcut icon" href="favicon.ico" />
语句二<link rel="icon" href="animated_favicon.gif" type="image/gif" />

Favicon功能最早由微软创设，而微软公司的Internet Explorer网页浏览器会对每一个网站都请求favicon。微软支持的link标签不遵从World Wide Web Consortium（W3C，万维网联盟）的HTML建议[1]，因为：

rel属性必须包含一个用空格作分隔符的link类型的列表，所以一个包含两词的link类型不能被遵守标准的浏览器理解。
“.ico”文件类型（一种用于Microsoft Windows上图标的光栅格式）没有一个注册的MIME类型，而且似乎在当时也不能被多数浏览器理解。然而2003年，这一格式在IANA获得注册，其MIME类型是image/vnd.microsoft.icon，进而消除了此问题的第一部分。
在网站上使用保留地址（reserved location）与Architecture of the World Wide Web（互联网的结构）矛盾，同时被认为是link squatting（链接劫持）或URI squatting（URI劫持）。

Mozilla浏览器通过一种遵从Web标准的方法添加了对favicon的支持。它采用rel="icon"并允许网络设计人员添加任何支持的图像格式的favicon。例如<link rel="icon" type="image/png" href="/path/image.png">。后来鉴于此功能将被用于所有新内容，多数浏览器都对此功能增加了支持。

利用图标工具（有很多）制作图标文件（favicon.ico）上传到网站所在的服务器的根目录下，这个文件必须是16*16大小的图标文件。当然，也可以在<head></head>之间加上
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
就可以了。但是，ico给出的是静态的图标文件。

如果想要动起来，就得做个gif动画了。gif动画也是16*16的，传到服务器。在<head></head>之间加上：
<link rel="icon" href="animated_favicon.gif" type="image/gif" >
就可以了。

如果想要收藏夹中的图标也要改变的话，那么就加上这句：
<link rel="Bookmark" href="favicon.ico" />
这个图标还可以使用png格式，png格式现在的势头很猛。

参考blog:http://blog.csdn.net/nerdsully/article/details/7389818

自定义网站的icon和收藏夹图标的更多相关文章

  1. 在网页标题栏上和收藏夹显示网站logo

    第一步,准备一个图标制作软件. 首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以.ico 作为扩展名.普通的图像设计软件无法使用这种格式,所以您需要到下载一个ico图标工具,本站常 ...

  2. 让网站不去请求favicon.ico图标

    让网站不去请求favicon.ico图标 favicon.ico 图标用于收藏夹图标和浏览器标签上的显示,如果不设置,浏览器会请求网站根目录的这个图标,如果网站根目录也没有这图标会产生 404.出于优 ...

  3. “添加到收藏夹”功能（share）

    以下分享自: 如何给网站增加“添加到收藏夹” 给网站添加“添加到收藏夹”理论上应该是很简单的事情,但是受到各种浏览器和操作系统的不一致的问题,使得这个问题异常的繁琐啊. 下面是梳理的一些资料,仅供参考 ...

  4. 如何在地址栏（title标签里）和收藏夹里 加上网站的标志ICO、LOGO图片

    第一步:首先你必须要制作一个看起来既清楚又容易辨识的.ico格式的小图片. 我们将图标的大小定义为16x16 像素.此外在制作图形文件的时候,你可能需要把色盘设定成只使用标准的 16 色 Window ...

  5. Windows如何自定义U盘盘符、文件夹图标、文件夹背景

    自定义U盘盘符.文件夹图标.文件夹背景 注意对于Vista和Win7的用户不支持文件夹图标和文件夹背景的更换 1.自定义盘符:在U盘根目录下新建文件 autorun.inf(可先建.txt文本文档,再 ...

  6. JS（javascript） 将网站加入收藏夹

    | 浏览:688 | 更新:2014-09-20 19:39 1 2 3 分步阅读 将网站网址加入收藏夹,方便下次访问! 工具/原料 网址: 电脑. 方法/步骤   //创建加入收藏夹JS函数 < ...

  7. 骚操作！曾经爱过！用 Python 清理收藏夹里已失效的网站

    前言 本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理. 作者: 小詹&有乔木 PS:如有需要Python学习资料的小伙伴可 ...

  8. 实现jsp网站添加到收藏夹

    var ctrl = (navigator.userAgent.toLowerCase()).indexOf('mac') != -1 ? 'Command/Cmd': 'CTRL';         ...

  9. chrome打开收藏夹的网站在新的标签页

    chrome浏览器在新的标签页打开收藏夹的网址,现在设置不了,而且右键,在新标签页中打开有点烦..下面说说直接打开的方式. 方法1: 鼠标滚轮,直接点击收藏夹的网址,即可 方法2: ctrl + 鼠标 ...

随机推荐

  1. SET XACT_ABORT ON 数据库事务

    转载:http://www.cnblogs.com/rob0121/articles/2320932.html SET XACT_ABORT ON SET XACT_ABORT ON分为两种: 1.总 ...

  2. java代码声明引用变量经验

    1.static只能修饰类的成员变量,不能修饰方法里的局部变量. 因为static是在类加载时候将成员变量存储进方法区的. 加载类的时候,是不去执行方法里的函数的.所以不会馆方法里的代码,自然就不会读 ...

  3. android NDK 开发环境搭建

    基于 Android NDK 的学习之旅-----环境搭建 工欲善其事必先利其器 , 下面介绍下 Eclipse SDK NDK Cygwin CDT 集成开发环境的搭建. 1.Android 开发环 ...

  4. 软件系统分析师与架构师技能大PK(您具备了哪些呢？)

    博客转处:http://blog.csdn.net/china_video_expert/article/details/38335613 软件系统分析师与架构师在职责与技能方面没有明显的界线,你中有 ...

  5. Derby安装，创建数据库，在Java程序中使用Derby

    1,下载并安装Derby: 下载地址:http://db.apache.org/derby /derby_downloads.html,下载最新版本. 我用的是10.5.3.0. 解压缩到任意文件夹, ...

  6. OBjective-C:文件管理类NSFileManager

    文件管理类NSFileManager类:对文件进行创建.复制.重命名.删除等,一般不对文件内容进行操作. NSData类和NSMutableData类:相当于数据缓冲区  NSFileManager是 ...

  7. XML中PCDATA与CDATA的区别

    XML中PCDATA与CDATA的区别 2011-02-10 19:27:25|  分类: XML |  标签:xml中pcdata与cdata的区别     字号:大中小 订阅 所有 XML 文档中 ...

  8. Sublime Text自定义插入当前时间的插件

    很奇怪为什么强大的Sublime编辑器为什么没有添加当前时间的快捷键,不过还好Sublime可以通过自定义插件的方式来实现任何你想要的效果   1. 创建插件:   Tools → New Plugi ...

  9. Maven deploy Return code is: 400

    Maven deploy Return code is: 400 学习了:https://blog.csdn.net/running_snail_/article/details/19821777 H ...

  10. c++ 编译时检测结构体大小的的宏定义写法

    一种写法: template <bool> struct CompileAssert { }; #define COMPILE_ASSERT(expr, msg) \ typedef Co ...