首页 > 其他分享 >解决页面favicon.ico文件不存在提示404问题

解决页面favicon.ico文件不存在提示404问题

时间:2022-10-20 08:44:07浏览次数:56  
标签:文件 浏览器 favicon 404 ico 页面

所谓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

标签:文件,浏览器,favicon,404,ico,页面
From: https://www.cnblogs.com/yubufan/p/16808490.html

相关文章

  • 图片浏览器上可以直接访问,但是在img上报404
    解决方案(之一)在页面中加入<metaname="referrer"content="no-referrer"/>原因HTTPReferer是header的一部分,当浏览器向web服务器发送请求的时候,一般会带上Referer,告......
  • WPF在XAML中引用iconfont注意事项
    在阿里矢量库下载图标以后,项目中导入iconfont.tff文件,此文件包含矢量项目库中的所有图标。           2.项目中的iconfont.tff文件,属性那里生......
  • 由unzip解压含有中文文件名变为Unicode代码问题引发的思考
    目录​​问题描述​​​​项目背景​​​​分析运行环境​​​​复现问题​​​​解决问题​​​​扩展阅读​​问题描述一个zip包,里面有文件名包含中文,解压出来发现变成了......
  • 在博客中添加外部icon的一种方法
    由于非互联网专业,又是第一次接触博客和网页编辑所以网上一些教程实现失败,所以做一个傻瓜式的教程,帮助一下我这样的萌新.寻图使用阿里矢量图库http://www.iconfont.......
  • 存储过程不能删除之ORA-04043
    同事问有一个存储过程在PL/SQLDeveloper中可以看到,但删除的时候报对象不存在。 登上他的库试了一把,果然有错SQL>dropproceduretest_prod;dropproceduretest_p......
  • useUnicode=true&characterEncoding=UTF-8 的作用
    我们在连接mysql数据库的时候一般都会在url后面添加useUnicode=true&characterEncoding=UTF-8,但是问什么要添加呢?添加的作用是:指定字符的编码、解码格式。例如:mysql数......
  • django项目怎么利用gunicorn进行部署
    django项目怎么利用gunicorn进行部署 1、开发环境运行项目python mange.py runserver 0.0.0.0:80002、使用gunicorn在生产环境部署Gunicorn“绿色独角兽”是一个......
  • k8s部署tomcat访问报错404
    [root@k8smaster~]#kubectlgetpodsNAMEREADYSTATUSRESTARTSAGEnginx-6799fc88d8-62njk1/1Running212htomcat-......
  • django + gunicorn部署,日志丢失解决方法
    近期部署了一个项目,使用的是django开发,服务器是centos7,宝塔+python项目管理器使用项目管理器新建项目,会自动配置虚拟环境,安装库,启动项目,非常不错方便项目采用gunicorn方......
  • Flask 学习-91.使用 gunicorn 部署 flask
    前言flask启动访问平常开发的时候可以用命令行flaskrun运行,正式部署到线上环境不会这样用。Gunicorn环境准备Web框架致力于如何生成HTML代码,而Web服务器用于处理和响......