当前位置: 首页 > news >正文

关于网站的favicon.ico图标的设置需要注意的几点

01-必须在网页的head标签中放上对icon图标的说明语句:
比如下面这样的语句:

<link rel="shortcut icon" href="/favicon.ico">

否则,浏览器虽然能读到图标,但是不会把图标显示在标签上。

02-为了和本地开发兼容,在Django的HTML模板中最好用静态文件加载的方式去获取ico静态文件。
关于Django静态文件的加载机制和原理,可以参考博文 https://blog.csdn.net/wenhao_ir/article/details/134493471
代码如下:

<link rel="shortcut icon" href="{% static 'app1/other/favicon.ico' %}">

03-如果设置了反向代理,注意还需要配置Nginx的静态文件location块,添加对后缀名为ico的文件的匹配:

    location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|ico)${expires 30d;error_log off;access_log /dev/null;}

在这里插入图片描述
注意:http和https两处都要更改。

04-如果某个页面没有设置icon的路径,那么浏览器会默认到网站根目录中读取文件favicon.ico,所以除了在静态文件目录中放好favicon.ico文件,最好在网站的根目录也放一个文件favicon.ico。

05-favicon.ico文件的生成可以利用网站:https://www.tools.fun/favicon.html 生成。

http://www.lryc.cn/news/248251.html

相关文章:

  • PHP中关于func_get_args()方法
  • EMA训练微调
  • Kafka集群部署详细教程
  • 交叉编译
  • 数据结构与算法之递归: LeetCode 46. 全排列 (Typescript版)
  • SQL中 JOIN 的两种连接类型:内连接(自然连接、自连接、交叉连接)、外连接(左外连接、右外连接、全外连接)
  • 微信小程序记住密码,让登录解放双手
  • 国内划片机行业四大企业之博捷芯:技术驱动,领跑未来
  • 后端整合Swagger+Knife4j接口文档
  • k8s中批量处理Pod应用的Job和CronJob控制器介绍
  • UE5 范围内随机生成
  • 杂记 | 使用Docker安装并配置MongoDB以支持事务(单副本,并解决了证书文件错误的问题)
  • css三角,鼠标样式,溢出文字
  • 远程桌面访问MATLAB 2018B,提示License Manger Error -103,终极解决方案
  • Jmeter基础和概念
  • 【Linux 带宽限速】trickle,限制docker 上传速度
  • MindStudio学习记录三:推理应用开发 acl mindx sdk
  • 【RT-DETR改进】SIoU、GIoU、CIoU、DIoU、AlphaIoU等二十余种损失函数
  • 【Linux】EVIOCGBIT
  • 鸿蒙4.0开发笔记之ArkTS装饰器语法基础@Extend扩展组件样式与stateStyles多态样式(十一)
  • 5V摄像机镜头驱动IC GC6208,可用于摄像机,机器人等产品中可替代AN41908
  • PHP echo和print 语句
  • ThinkPHP6.1 多应用模式的一些事儿
  • redis-cluster集群模式
  • 带你用uniapp从零开发一个仿小米商场_10. 首页开发
  • 常使用的定时任务
  • 【人工智能Ⅰ】实验2:遗传算法
  • Hadoop集群升级(3.1.3 -> 3.2.4)
  • (一)基于高尔夫优化算法GOA求解无人机三维路径规划研究(MATLAB)
  • ESP32-Web-Server编程-建立第一个网页