在新的浏览器中打开网页后就会发现在地址栏的最前面会有一个站点的小图标,这个东东就是网站头像favicon,在收藏夹中不同的超链接显示的图标就是根据它而来的。有了favicon,访客是在浏览网页时看到地址栏显示的图标会感觉到亲切熟悉,在收藏夹中找网址也会更容易省事。因此,favicon作为一个网站的形象是至关重要的。
由于ico文件不是标准的位图文件,因此制作起来比较麻烦,不过现在网上有现成的在线生成器(如http://www.html-kit.com/favicon/),会自动帮你生成一个favicon.ico图标,下载后放到之际网站根目录下就可以了。
如果想要在网页中明确指定使用的favicon,放置以下代码到head当中即可。
1 |
<link rel="shortcut icon" href="favicon.ico" > |
同样,一些浏览器(如Firefox)还支持动态图标,可以制作一个16×16的GIF动画,放置在网站根目录下,同时在网页中添加类似如下的代码即可在浏览器地址栏看到动态效果了。
1 |
<link rel="icon" type="image/gif" href="animated_favicon1.gif" > |
-EOF-
Pingback: 网站根目录下应该放的三个文件 | To Be Continued
说声元旦快乐!
不知道大猫那个会动的怎么弄的?
@atrl, 这跟弄个会动的GIF就可以了,不用那么麻烦。