favicon.ico

来源：互联网发布：卫星数据编辑：程序博客网时间：2024/04/24 22:55

随便打开一个网页：比如 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/

0 0