随笔 - 236,  文章 - 1,  评论 - 3,  阅读 - 25万

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

例如:浏览器的页签栏和收藏栏中所展示的favicon.ico文件,如下图:

 

 

 

1、问题描述:
在Web项目开发中,浏览器会提示favicon.ico文件不存在404问题,如下图:

 

 

 

2、解决方法一:
(1)创建一个favicon.ico文件,并放置在Web项目的根目录下。如下图:

 

 

 

备注:由于该博客网站无法上传.ico格式的文件,所以这里上传的是一个.png的文件,下载后请自行修改文件名为:favicon.ico

(2)在HTML页面中的<head></head>标签中添加入下代码:

<link href="favicon.ico" rel="shortcut icon">
运行页面,在浏览器的页签栏中就可以看到添加的favicon.ico文件效果。

 

3、解决方法二:
在HTML页面中的<head></head>标签中添加入下代码:

<link rel="shortcut icon" href="#"/>
————————————————
版权声明:本文为CSDN博主「pan_junbiao」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/pan_junbiao/article/details/94393648

posted on   御不凡  阅读(1518)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
历史上的今天:
2016-10-20 误操作数据库的一个方法
2014-10-20 NET Runtime version 2.0.50727.42 - 执行引擎错误 或者无法创建应用程序域
2014-10-20 C盘文件过大,C盘空间莫名丢失,pagefile.sys文件

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示