favicon是 favorites icon 的缩写，亦被称为 website icon（网页图标）、page icon（页面图标）或urlicon（URL图标），是与某个网站或网页相关联的图标。
favicon.ico 一般用于作为缩略的网站标志，它显示在浏览器的地址栏、浏览器标签上或者在收藏夹上，是展示网站个性的缩略 logo 标志，也可以说是网站头像。
目前主要的浏览器都支持 favicon.ico 图标。当然，根据浏览器的不同， favicon.ico 显示也有所区别：在大多数主流浏览器如 Firefox 和 IE（5.5及以上版本）中，favicon.ico 不仅出现在地址栏上，还同时在收藏夹中显示，这时用户可以拖曳收藏夹图标到桌面以建立到网站的快捷方式；除此之外，标签式浏览器甚至还有不少扩展功能，如 Firefox甚至支持动画格式的收藏夹图标等。
如果要让网站看起来更专业、更美、更有个性，favicon.ico 是必不可少的。另一方面，从特定的技术角度看，favicon.ico 也并不只是仅仅让网站给人更专业的观感，它可以在一定程度上减轻服务器的流量带宽占用：一般为了提高网站的可用性，我们都会为自己的网站创建一个自定义的 404 错误文件，在这种情况下，如果网站没有相应的 favico.ico 文件，每当有用户收藏网站/网页时，Web服务器都会调用这个自定义的 404文件，并在网站的错误日志中记录——这显然是应该予以避免的。
1. <link rel="shortcut icon" href="favicon.ico" />
2. <link rel="icon" href="animated_favicon.gif" type="image/gif" />
过去，为保证 favicon出现，网站设计者和开发者采用了多种办法，但是很难明确地保证 favicon可以在所有电脑上显示，即使是用同一版本的一种浏览器。
"shortcut icon" 字符串会被多数遵守标准的浏览器识别为列出可能的关键词（"shortcut" 将被忽略，而 仅适用 "icon"），而 IE 会把它作为一个单独的名称（"shortcut icon"），这样做的结果是所有浏览器都可以理解此代码。
- IE浏览器
- 把需要显示的 16*16 像素的 ico 图标命名为 favicon.ico 放置在网站根目录下，浏览器会自动检索。
- Firefox浏览器
- 图标格式没有 IE 那么严格，gif 和png 格式的图标也可以显示，图标名称也可以不是 favicon
- 通用
- 在favicon.ico 图标放到网站根目录下，在网页的<head></head>中加入：
<link rel="shortcut icon" href="favicon.ico">
注意：当 favicon.ico 被置于文档根目录时，将会被一些不处理link元件的浏览器找到，即使站点上没有指向它的链接。
参考：
扫一扫
1078
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
