• 服务器租用:建站教程、SEO优化文章、网站模板、服务器软件、云服务器国外服务器香港服务器虚拟主机域名注册、服务器相关知识。
  • 主机吧永久网址为:https://www.fuwuqizuyong.cc
  • 如您无法通过百度搜索到本站时,请更换搜索引擎,或者直接在浏览器地址栏输入 www.fuwuqizuyong.cc 即可回到本站
  • 浏览更多精彩内容,请 Ctrl+D 将本站加入浏览器收藏夹。

如何修改网页小图标,浏览器页面上的图标(favicon.ico)

网站建设 服务器租用 3个月前 (12-13) 237次浏览 0个评论 扫描二维码

如何修改网页小图标,浏览器页面上的图标(favicon.ico)

我们在查看网页的时候很多网站都有自己的小图标,系统读取这个标志的时候先从你的项目的根目录下读看有没有favicon.ico文件,如果有直接显示这个图标,如果没有,则会去webapps/root/下找这个文件,如果这两个地方都没有,则就显示IE图标。

如何修改网页小图标,浏览器页面上的图标(favicon.ico)

那么如何更改这个图标呢?两种方式。

第一种方式:

1、找到已经安装的tomcat目录,进入D: omcatapache-tomcat-7.0.50-1webappsROOT目录下

2、在该目录下找到favicon.ico图标

3、将自己的小图标覆盖tomcat默认图标(注意名字必须是:favicon.ico)

4、重新启动你的tomcat

5、清除浏览器缓存并重启浏览器,然后访问你的项目地址,发现已经是你刚才设置的图标了。

第二种方式:

在jsp页面上添加:<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />

1、其中 href 的值就是地址栏图标的路径,当然这个地址可以是相对的,也可是绝对的。

2、即这个值可以表示这个图标文件在项目中的路径,还可以改成下面这样

<link rel=”shortcut icon” href=”http://www.weather.com.cn/favicon.ico” type=”image/x-icon” />

3、这种方式的话,如果你想每个页面显示的地址栏图标都不一样,也是可以实现的。

<link rel=”icon” href=”favicon.ico” type=”image/x-icon” />——–〉rel:链接外部文件与此文件的关系。

<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />——-〉Shortcut Icon — 小图片

<link rel=”bookmark” href=”favicon.ico” type=”image/x-icon” />——–〉bookmark — 书签

第三种方式:

直接进入网站根目录,然后把我们制做好的的文件名为 favicon 的 ico图标扔进去就可以了,因为搜索引擎会在你的网站自动查找favicon.ico图标


服务器租用(www.fuwuqizuyong.cc) , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明:如何修改网页小图标,浏览器页面上的图标(favicon.ico)
服务器租用
喜欢 (3)
[]
分享 (0)
服务器租用
关于作者:
服务器租用专注为广大站长与网友朋友分享建站教程、SEO优化文章、网站模板资源、服务器软件(Web环境、建站程序)等,另外为大家推荐各种国内外服务器、香港服务器、虚拟主机、域名购买优惠信息与服务器相关知识。
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到