浏览器的地址栏或者标签上的小图标显示
只需要将ico文件命名为favicon.ico并放入网站根目录即可.
more:
浏览器调用Favicon的原则是首先在网页所在的目录下寻Favicon.ico文件,如果没有,便到网站的根目录下寻。
因此,在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Favicon.ico,然后将其上传到网站的根目录即可。
如果您需要将Favicon.ico放到其他目录下,或者希望让不同的网页显示不同的Favicon,就需要在网页Html文件中做设定了,具体设置也很简单,
在Html中的<head>部分加入如下的代码:
<link rel=”icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
<link rel=”shortcut icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
Firefox还支持GIF动画格式的Favicon,使用方法如下:
首先制作一个16*16的gif动画,然后在html代码 <head> </head>中加入如下代码:
<link rel="shortcut icon" href="favicon.ico" >
<link rel="icon" href="animated_favicon.gif" type="image/gif" >
favicon.ico一般用作缩略的网站标志,它显示于浏览器的地址栏或者标签上,目前主要的浏览器都支持favicon.ico图标,下面简要介绍添加地址栏图标的方法:
1、在画图工具中制作自己的图标,另存为favicon.gif文件。
2、使用ico制作工具直接制作ico图标文件。或打开下面的网站 www.bitbug/ 在右边工具栏中在线生成ico图标文件并下载保存:当成功生成favicon.ico图像文件后,浏览器会自动弹出一个zip的压缩文件。icon图标库
3、将压缩文件中的favicon.ico图标文件上传到网站根目录下(也可以是其他目录),在页面源文件的<head></head>标签之间插入
<link rel="shortcut icon" href="favicon.ico" />
4、刷新浏览器即可显示自定义的图标,若在地址栏或标签上仍未显示自定义图标,则选择浏览器工具栏>Internet选项>删除浏览历史记录,再次刷新即可。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论