1.首先通过http://www.atool.org/ico.php在线生成需要的ico文件。
2.将所生成的ico文件放到项目的跟目录下
3.然后在页面的<head></head>之间加上如下两行代码
下面两行代码就可以告诉浏览器使用favicon.ico 作为home.html的图标了:
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
基本上所有的现代浏览器都支持这种写法,例如firefox,ie9
4.打开浏览器可以看见浏览器的小图标已经变为我们所做的图片了。
如果图片未显示,Ctrl+Shift+Delete清楚浏览器的缓存,重新打开页面
即可显示我们做的小图标。
2.将所生成的ico文件放到项目的跟目录下
3.然后在页面的<head></head>之间加上如下两行代码
下面两行代码就可以告诉浏览器使用favicon.ico 作为home.html的图标了:
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
基本上所有的现代浏览器都支持这种写法,例如firefox,ie9
4.打开浏览器可以看见浏览器的小图标已经变为我们所做的图片了。
如果图片未显示,Ctrl+Shift+Delete清楚浏览器的缓存,重新打开页面
即可显示我们做的小图标。