favicon.ico

随便打开一个网页：比如 http://www.baidu.com/

标签页中除了显示网页title之外，还显示了一个网页小图标，这是怎么做到的？

示例页面代码如下：

DOCTYPE html>


<</span>html xmlns="http://www.w3.org/1999/xhtml">

 <</span>head>
    

<</span>title>home page</</span>title>
     <</span>link rel="icon" href="Images/wangyi.ico" type="image/x-icon" /> <</span>link rel="shortcut icon" href="Images/wangyi.ico" type="image/x-icon" /> </</span>head>  <</span>body>  home page </</span>body> </</span>html>

 

下面两行代码就可以告诉浏览器使用wangyi.ico 作为home.html的图标了：

<</span>link rel="icon" href="Images/wangyi.ico" type="image/x-icon" />
<</span>link rel="shortcut icon" href="Images/wangyi.ico" type="image/x-icon" />

基本上所有的现代浏览器都支持这种写法，例如firefox，ie9.

在此之前，你首先需要制作一个.ico的文件。

现有很多的在线制作工具可以方便地从普通的图片转换到.ico文件。

例如

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

http://www.ico.la/

http://www.bitbug.net/