Favicon 小图标

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

访问我们的页面的时候,在 Firefox 浏览器的控制台上会提示一个错误,提示找不到一个 favicon.ico 的小图标。我们可以生成一些小图标,在 favicon.io 这个网站上,打开 Converter,然后把提前准备好的小图标图像拖放到这里,再点一下 Download,下载转换之后生成的小图标。

在电脑上找到下载下来的压缩包,解压一下,把解压之后生成的这个目录,拖放到我们的项目里面,在项目里找到这个目录,改一下目录的名字,改成 public 。

然后在这个页面上再复制一下在页面上添加小图标的代码,把这些代码放在页面的 head 标签里面, 我们需要再修改一下这些资源的地址,在这些地址里面需要加上 /public。修改完成以后保存一下文件。

你会发现在我们的页面的标签栏上会显示一个小图标,另外浏览器的错误提示也不见了。

Favicon 小图标《 Web 基础:样式规则 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点