Question

地址栏里的小图标

打开www.baidu.com这些大型的网站，地址栏中就会出现一个小图标，怎么实现的啊？

Answer 1

其实很简单，你只做个ico图标，命名为favicon.ico，把它传到你的页面下面。
并在相应的页面里加上代码
在页面<heah></heah>之间加， <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
OK了。
ico图标怎么做呢？
1.在线生成favicon.ico
地址:http://www.chami.com/html-kit/services/favicon/
2.下个制作ico的软件，自己做。
这个也是网站VI的一部分，看那些大牌网站都有了，咋当然也得搞一个。

举例：
收藏夹图标生成器：http://www.html-kit.com/e/favicon.cgi

Favicon.ico是收藏夹图标，在收藏夹或者浏览器的地址栏里就可以看到这个显著的图标。而且在多标签浏览器时Favicon可以方便用户迅速定位到他需要的那个标签。

"收藏夹"图标有着它特有的规格：图标的大小为16*16，32*32，48*48三种格式（以像素为单位），在收藏夹里出现的是16*16， favicon.ico文件生成还是有些难度的：它不是标准的位图文件，需要用专门的favicon编辑器Microangelo 98，favicon.com等生成。现在发现了一个在线favicon生成器服务：直接上传你自己的图片(GIF/JPG格式)，直接生成16*16像素的favicon.ico文件，还可以在线预览和下载。

使用方式是在页面里嵌入以下语句：

在 <title> </title> 后加入：
<link rel="shortcut icon" href="favicon.ico" >

网址前小图标的实现，网址：

http://www.html-kit.com/favicon/

Answer 2

<link rel="Shortcut Icon" href="favicon.ico">

将以上代码加入到head区域

同时在站点的根目录放入一个标准的ico图标就可以(名称为: favicon.ico)