如何添加浏览器地址栏自定义的小图标
作者:闪吧 类型:原创 来源:闪吧
如何添加浏览器地址栏自定义的小图标
解决思路: 有些网站在把它添加到收藏夹后,会发现它连带着一个小图标,通过点击收藏夹进入该站时地址栏中也小图标,这个效果是怎么实现的?
具体步骤: 1.准备一个16×16大小的图标文件(你可用以图标制作软件如iconXP、Microangelo等来制作),保存为favicon.ico放于站点根目录下就行了。
2. 如果要为不同的页面设置不同的收藏夹图标,可以在该页的<head>部分加入以下代码(custom_icon.ico为该页收藏夹图标,注意图标与该页的路径关系):
<link rel="shortcut icon" href="custom_icon.ico">
注意:此方法仅适用于IE5+,IE6+SP1时收藏夹图标时有时无,原因未知。 特别提示
按上面所说的方法完成后,将网站或网页添加到收藏夹,在收藏夹前将会有一个小图标,如图 1.1.2 所示。如果收藏夹该问该网站或网页,在地址栏前面也出现图标,如图 1.1.3 所示。

图 1.1.2 收藏夹前的图标

图 1.1.3地址栏前的小图标
特别说明
本例主要是利用IE5以上浏览器的特性和 link 对象的特性。
link允许当前文档和外部文档之间建立连接。
rel 设置对象和链接目的的关系。
href 设置或获取目标 URL 或锚点。
责任编辑:kissall 时间:2005年8月29日
- 最近更新
