![]()
把faviconico代码放入网页版html中,方法如下:
在Html中的<head>部分加入如下的代码:
(1)<link rel=”icon” href=”/dir/faviconico” mce_href=”/dir/faviconico” type=”image/x-icon”>
(2)<link rel=”shortcut icon” href=”/dir/faviconico” mce_href=”/dir/faviconico” type=”image/x-icon”>
(3)<link rel="icon" href="animated_favicon1gif" type="image/gif" >
浏览器调用favicon的原理是首先在网页所在目录寻找faviconico文件,如果没有找到就去网站的根目录寻找。所以最简单的方法就是将制作好的favicon文件命名为faviconico然后上传到网站的根目录下。
扩展资料:
Faviconico的制作:
1、制作Faviconico的方法相当简单,常用的Faviconico图标有3种16×16、32×32、48×48。首先,利用图形工具创建2个反映网站主题的256色的小:1个为32×32像素,另一个为16 ×16像素。
2、需要注意的是,调色板要选用“Windows 默认调色板”,不然,在最终的效果展示中图形可能会发生迥异于您初衷的颜色上变化。
3、需要说明的是,在很多关于Faviconico的说明中,常见到要求为16色的说法,应该说这类说法大大过时。
4、在早期如Windows 95时期,16色的Faviconico可能是个稳妥的选择,保证其在大多数情况下正常使用,但到Windows XP后,完全不存在那类限制,16色只能使图标的展示效果大大降低。
参考资料来源:
百度百科-faviconico
这个是你自己的网站吧?在你网站的根目录下应该有faviconico文件的,如果你没有自己的ICO图标,也不想要官网的,可以将此文件删除,如果你有自己的ICO,可以上传自己的ICO文件到根目录,然后在首页模板文件indexhtm里的</head>之前进入以下代码:,设置自己的ico图标。
您可以将您的网站的 LOGO 做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之,它一定要是属于您自己的,并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为:faviconico。
将这个图标文件(faviconico)上传到您的网站所在的服务器的根目录下。您不需要对您的网页文件作任何的修改,IE5 会自动的不停的搜索您的网站的根目录,只要它一发现了 faviconico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了。
如果您希望为不同的页面设置不同的“收藏夹”图标,那么您就需要在该网页文件的 HEAD 部分加入下面的内容:
<LINK REL="SHORTCUT ICON" HREF=">
把你的网站LOGO图标制作成一个16x16尺寸的icon图标,命名为faviconico,传到网站根目录上。
然后在head区嵌入代码,
如<linkrel=ShortcutIconhref=faviconico/<!--地址栏和标签上显示图标--
<linkrel=Bookmarkhref=faviconico/<!--收藏夹显示图标--
或者你也可以不嵌代码,浏览器也会自己搜索出。ico图标并显示出来。
注意:文件一定要命名为faviconico,文件用专用软件转换而不能直接改后缀名。
在网站服务器的首页<HEAD> <HEAD>里面插入了<link rel="shortcut icon" href="faviconico" />
然后把faviconico 文件上传到服务器根目录,这段代码主要是给老版本ie用的,新版的不用这段代码,只要把faviconico 文件上传到根目录就可以了。要注意的是faviconico是用软件转换过来的,并不是gif或者jpg改扩展名做成的。
制作好ICO后,将制作好的ico文件命名为“faviconico”,一般情况下ico制作网站生成的文件会自动帮助默认命名。再把“faviconico”文件上传至站点FTP网站的根目录下。在首页文件的标签内加上一段ico站标代码,代码如下:添加代码 *** 作:将上面代码粘贴到后台-->界面-->模板管理-->indexhtm首页模板之后之前
以上就是关于如何把favicon.ico代码放入网页版html中全部的内容,包括:如何把favicon.ico代码放入网页版html中、请问arvixe的favicon.ico在哪里设置网站都给打上了arvixe的favico、急,网站标题图标代码找不到等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)