在建立这个blog的时候发现在访问别人的网站时候,浏览器的标签页上都会显示一个小图标,而自己的网站在浏览器上只会显示一个浏览器的标志,所以现在想修改一下,看看如何去实现这个能让浏览器标签页显示网站的小图标。
-
对于IE浏览器:把需要显示的16x16像素的ICO图标命名为favicon.ICO放置在网站根目录下,浏览器会自动检索;
- 对于其他浏览器通用的在标签页加入指定图标的方法:
把favicon.ico图标放到网站根目录下,然后在网页的<head></head>中加入下面代码
<!-- 地址栏显示 --> <link rel="Shortcut Icon" href="./favicon.ico" type="image/x-icon" /> <!-- 收藏栏也显示 --> <link rel="Bookmark" href="./favicon.ico" type="image/x-icon" />
-
火狐浏览器对图标格式没有那么严格,GIF和PNG格式的图标也可以显示,图标名称也可以不是favcion
-
链接在线的图片(如果需要)
- 情况浏览器缓存,否则就还是会显示以前的浏览器小图标。不信,可以换其他浏览器查看访问看看是否已经变化了。