为什么把图片放在static文件夹下图表没有变化?是否有其他配置?

来源:5-19 -Thymeleaf实战-前台编码-03

angeltxy4276339

2017-08-21

写回答

2回答

yuxiele

2018-02-18

不需要配置其它的。图片文件名要一致,为“favicon.ico”。

浏览器调用favicon的原理是首先在网页所在目录寻找favicon.ico文件,如果没有找到就去网站的根目录寻找。所以最简单的方法就是将制作好的favicon文件命名为favicon.ico然后上传到网站的根目录下。

如果您需要将Favicon.ico放到其他目录下,或者希望让不同的网页显示不同的Favicon,就需要在网页Html文件中做设定了,具体设置也很简单,在Html中的<head>部分加入如下的代码:

<link rel=”icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>

<link rel=”shortcut icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>

<link rel="icon" href="animated_favicon1.gif" type="image/gif" >

含义:在浏览器标签中显示favicon,在收藏夹中显示favicon。

除此之外,Firefox还支持GIF动画格式的Favicon,使用方法如下:

首先制作一个16*16的gif动画,然后在html代码<head></head>中加入如下代码:

程序代码 <link rel="shortcut icon" href="favicon.ico" >

<link rel="icon" href="animated_favicon.gif" type="image/gif" >即可。


1
0

angeltxy4276339

提问者

2017-08-21

网上查了一下,把.ico图片放到static目录下,并在页面里引入<link rel="icon" type="image/x-icon" href="/static/favicon.ico">。但是看老师的视频直接放到目录下,其他不需要任何修改就成功了,不知道为什么?

1
2
老卫
所有的网站,都遵守这种约定
2017-08-21
共2条回复

基于Spring Boot技术栈博客系统企业级前后端实战

毕设 Elasticsearch搜索+Thymeleaf模板+JPA+Security+BootStrap

1296 学习 · 738 问题

查看课程