在浏览器的标签页显示网站标志图标（或指定图标）的方法

最新推荐文章于 2024-08-20 08:59:49 发布

爱吃芒果的摩羯

最新推荐文章于 2024-08-20 08:59:49 发布

阅读量2.4k

点赞数 2

分类专栏：网页文章标签：网页图标

网页专栏收录该内容

0 篇文章 0 订阅

订阅专栏

对于不同的浏览器，方法是有差别的
1.对于IE或TT浏览器：把需要显示的16x16像素的ICO图标命名为favicon.ICO放置在网站根目录下，浏览器会自动检索
2.这大概是所有浏览器通用的在标签页加入指定图标的方法：
把favicon.ico图标放到网站根目录下，在网页的<head></head>中加入
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

3.对于火狐浏览器：图标格式没有IE那么严格，GIF和PNG格式的图标也可以显示，图标名称也可以不是favcion
4.把图标放在根目录后，在<head></head>中加入
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="gif_favicon.gif" type="image/gif" >
或
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="png_favicon.png" type=" image/png" >

5.最后，ICO格式的图片可以通过MagicICO这个小软件制作，注意这个软件只能识别PNG格式图片
软件下载地址： http://ishare.iask.sina.com.cn/f/9614427.html
6.链接在线的图片的时候，可以使用下面的方法（下面是CSDN图标，可以直接放在网页的head标签里面去，这样就能直接显示）
<link href=" http://csdnimg.cn/www/images/favicon.ico " rel="SHORTCUT ICON">