favicon是什么及怎么解决NotFound

1、favicon是什么

• 是favorites icon的缩写。
• 作用1：浏览器上的小图标
• 作用2：收藏夹上的小图标
• PS: 这个请求是默认行为，所以可能你会发现没有哪里有代码显式定义请求favicon的代码。

2、NotFound解决（推荐）

1. 在Web项目的根目录下放置一个favicon.ico图标文件（png改名为ico后缀即可）。
2. 在页面（比如index.html）中的标签中添加入下代码：<link rel="icon" href="favicon.ico">。

3、其它方式解决NotFound（不推荐）

• 本来就是一个网站的标识，所以没必要不按照推荐的解决方式（除非想要省几k的文件占用空间）。
• 客户端解决：可以使用透明占位图标、或者别的方式（不推荐）【这样子可以不放favicon.ico文件】。
• 服务器解决：服务器端配置，拦截对 /favicon.ico 的请求，避免返回404错误【这样子可以不放favicon.ico文件】。

4、补充

• <link rel="icon" href="favicon.ico">
• 代码中href是hypertext reference的缩写，直译是超文本引用（可以这么记，超越文本的引用）<超链接>。
• 代码中的rel是relationship的缩写，表明引用资源与当前html文档之间的关系。
• rel常见值有：icon、stylesheet、preload、canonical；这些都不是见见单单的纯文本，所以前面说了（可以这么记，超越文本的引用）。