网页左上角图标 favicon.ico

显示网页左上角标志图标

<link rel="shortcut icon"type="image/x-icon"href="images/favicon.ico" />

或者

<link rel="shortcut icon" href="images/114dyy.png" />

貌似图片格式不是问题。

网站的图标一般都放在根目录,文件名为favicon.ico,比如博客园的图标网址是:
http://home.cnblogs.com/favicon.ico

如果找不到,那就查看它的网页源代码,搜索shortcut icon,其href值就是图标的存放位置,比如有道的图标位置是:
http://shared.ydstatic.com/images/favicon.ico

.ICO一般是做为程序图标存在的.
例如你的QQ.EXE这个文件的那个企鹅图标就是.ICO格式的

在线ico图标制作:http://www.ico.la/

转载自http://www.th7.cn/web/html-css/201311/15392.shtml

时间: 2024-11-20 13:35:46

网页左上角图标 favicon.ico的相关文章

[转]网站地址栏小图标favicon.ico的制作方法

有人也许会好奇,有的网址前面有个漂亮的小图标而且有的网站图标还会动,这是怎么做到的呢? 如下图所示: 那个小图标有个名字叫favicon.ico,网站图标虽小但可以起到很好的点缀作用,尤其是当浏览者将你的网站放入收藏夹之后,网站图标的作用就出来了,它可以使你的站点在众多网址中突出显示,对于用户体验起到很好的作用,好了,废话不多说,现在来告诉大家怎么做favicon.ico这个网站图标文件. 虽然现在有很多在线制作网站图标的网站,但制作出来的图标实在是差强人意,而且不支持透明样式的ico,这非常糟

【Web】网站主如何更改网页标签的图标(favicon.ico)

修改web项目的favicon图标,方式有两种:全局方式和局部方式 全局方式: 进入服务器\webapps\ROOT,然后用自己的favicon.ico替换服务器自带的favicon.ico图片 局部方式: <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href=&qu

为网站添加favicon.ico图标

前言 貌似每次都是等到网站快收尾时才做favicon.ico的,这次也不例外.这年代-- 步骤 1.PS制作正方形图标,格式为jpg.jpeg.gif或png. 2.将图标转换为ICO格式,网上有很多在线转换工具,如http://www.ico.la/old.html . 3.将转换好的ICO格式图标放到网站中. 4.网页代码<head></head>之间添加: <link rel="shortcut icon" href="images/fav

网站微图标,页标签,favicon.ico

随便打开一个网页:比如 http://www.baidu.com/ 可以看到在浏览器的标签头上面显示了一个图标,也就是我们常说的favicon.ico, 由于这篇文章主要讨论favicon.ico,以及各个浏览器对其的不同处理,所以还是新建web项目如下: home.html 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>ho

Favicon.ico的用法及意义--以及简介通过Favicon.ico来判断网页打开状况

1.定义: 所谓favicon,即FavoritesIcon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站. 当然,这不是Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在大多数主流浏览器如FireFox和InternetExplorer(5.5及以上版本)中, favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳favicon到桌面以建立到网站的快捷方式:除此之外, 标签式浏览器甚至还有不少扩展的功能,

Tomcat修改favicon.ico图标,Linux下Tomcat修改favicon.ico图标,Tomcat更换favicon.ico图标

Tomcat修改favicon.ico图标,Linux下Tomcat修改favicon.ico图标,Tomcat更换favicon.ico图标 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ?Copyright 蕃薯耀 2017年3月2日 http://www.cnblogs.com/fanshu

java web项目修改favicon.ico图标的方式

1.修改整个项目的tomcat图标 找到tomcat的根目录(tomcat-webapps-ROOT目录),然后将修改的favicon.ico图标覆盖掉本地的图标,然后再重启项目,刷新,清除浏览器缓存,然后访问查看图标是否发生改变. 其他的都不要改变,有时启动之后,浏览器并没有发生变化,多试几次,然后换个浏览器试下.我就是试了好几次,然后又换浏览器才出现的结果: 这个方式的出现的结果:只要启动项目,访问到的页面图标都会发生改变的: 2.修改某些个页面的tomcat图标 将要修改的图标放在项目的目

&lt;link rel=&quot;icon&quot; href=&quot;images/favicon.ico.png&quot; /&gt; 插入网站最上面标题旁的图标

<link rel="icon" href="images/favicon.ico.png" /> 插入网站最上面标题旁的图标

织梦CMS站点favicon.ico图标的放置

1.在线制作一个ico图标,推荐制作网站:http://ico.55.la/.制作好后,将favicon.ico图标放在站点模板默认目录下的images文件夹里. 2.在index.htm的<head></head>标签之间,写入如下代码: <link href="{dede:global.cfg_templets_skin/}/images/favicon.ico" rel="shortcut icon"> 3.favicon.