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

一、实现代码

请先记住一个路径

/favicon.ico

举个B站的例子
进入首页,然后我们会看到左上角这个图标,然后我们要怎么获取它呢
导航条加载.ico的logo图标的方式
我们在导航条上加上这个路径
导航条加载.ico的logo图标的方式
然后就会出现这个内容
导航条加载.ico的logo图标的方式
小米官网也是如此
导航条加载.ico的logo图标的方式

二、实现过程

先在头文件引入

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

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

注意:要放在根目录

三、自己设计icon图标

可以自己百度icon在线制作工具
https://www.moqu8.com/mqweb/imgtoico/index.php?action=make
导航条加载.ico的logo图标的方式

相关文章: