我有一些纯HTML的静态页面，当服务器宕机时显示。我怎么能把我做的favicon(它是16x16px，它在同一个目录下的HTML文件;它被称为favicon.ico)作为“标签”图标，因为它是?我已经在维基百科上阅读了一些教程，并已经实现了以下内容:
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
但它还是不能工作。我正在使用Chrome浏览器测试网站。根据维基百科，.ico是在所有浏览器类型上运行的最佳图片格式。
更新
我不能让这在本地工作，尽管代码检查出来，它将只有在服务器开始为网站服务时才能真正正常工作。只需尝试将其推到服务器并刷新您的缓存，它应该可以正常工作。
当前回答
尝试使用<link rel="icon" type="image/ico" href="images/favi.ico"/>
其他回答
您可以制作一个.png图像，然后在静态HTML文档的<head>标记之间使用以下片段之一:
<link rel="icon" type="image/png" href="/favicon.png"/>
<link rel="icon" type="image/png" href="https://example.com/favicon.png"/>
如果您将favicon.ico添加到根/images文件夹中，浏览器将自动理解并将其作为favicon。我测试和工作。 你的链接必须是www.website.com/images/favicon.ico
更多信息请看这个答案:
你必须包括<链接rel="icon" href="favicon.ico" type="image/x-icon" />吗?
最小favicon没有“类型”attr
<link href='favicon.png' rel='icon' />
您甚至可以省略引号，但不建议在生产中使用。
大多数浏览器会从站点的根目录中获取favicon.ico，而不需要被告知;但他们并不总是立即更新一个新的。
然而，我通常会选择你的第二个例子:
<link rel='shortcut icon' type='image/x-icon' href='/favicon.ico' />
如果favicon是png类型的图片，在旧版本的Chrome中行不通。然而，它在FireFox中工作得很好。此外，在处理这些事情时，不要忘记清除浏览器缓存。很多时候，代码很好，但缓存才是真正的罪魁祸首。
