导航条加载.ico的logo图标的方式

我们在浏览网站页面的时候，能够看到导航条旁边基本都有logo，那么我们应该如何加载它呢，jpg？png？ico？下面我们来简单讲解一下加载icon图标的方式。

一、实现代码

请先记住一个路径

/favicon.ico

举个B站的例子
进入首页，然后我们会看到左上角这个图标，然后我们要怎么获取它呢

我们在导航条上加上这个路径

然后就会出现这个内容

小米官网也是如此

二、实现过程

先在头文件引入

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

注意：要放在根目录

三、自己设计icon图标

可以自己百度icon在线制作工具
https://www.moqu8.com/mqweb/imgtoico/index.php?action=make