HTML Favicon
提示
- Favicon定义：Favicon是位于浏览器标签页标题左侧的小型图标，用于代表网站的标志或品牌。
- 如何添加：使用HTML的
<link>标签添加favicon，设置rel为shortcut icon并指定图标的URL。 - Favicon的使用场景：除了在浏览器标签页中显示，favicon还会出现在浏览器书签、浏览历史和移动搜索结果中。
Favicon 是显示在浏览器标签页标题左侧的小图像。
这里，网页标题前的小图像就是 favicon。
添加 Favicon
我们使用 HTML 的 <link> 标签将 favicon 附加到文档中。例如，
<link rel="shortcut icon" href="/images/favicon.ico" />
让我们看看这在真实网站上是如何展现的。例如，马上学123.com 的代码可能是这样的，
<head>
<title>马上学123: 免费学习编程！</title>
<link rel="shortcut icon" href="favicon.png" />
</head>
这里 favicon.png 是通过 马上学123 网站中的 <link> 标签显示的，其中：
rel- 定义链接的文档类型，即快捷方式图标href- 定义图标的 URL
注意：你可以使用几乎任何图像作为 favicon。然而，建议使用简单、易识别、小尺寸（通常是 16px X 16px）的图像。大多数网站使用它们的 logo 或 logo 的缩小版本作为 favicon。
标题栏外的 Favicons
Favicons 也出现在其他地方，比如：
浏览器的书签
在历史页面上
在移动搜索结果中
支持的文件格式
以下格式在所有主要浏览器中都得到支持。
- .ico
- .png
- .gif
- .jpg
- .svg