小编典典

将网站图标添加到静态 HTML 页面

all

我有一些纯 HTML 的静态页面,当服务器出现故障时我们会显示这些页面。我怎样才能将我制作的图标(它是 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 是在所有浏览器类型上运行的最佳图片格式。

更新

我无法让它在本地工作,尽管代码检查它只有在服务器开始为站点提供服务后才能真正正常工作。只需尝试将其推送到服务器并刷新缓存,它应该可以正常工作。


阅读 99

收藏
2022-03-02

共1个答案

小编典典

<head>您可以制作 .png 图像,然后在静态 HTML 文档的标签之间使用以下片段之一:

<link rel="icon" type="image/png" href="/favicon.png"/>
<link rel="icon" type="image/png" href="https://example.com/favicon.png"/>
2022-03-02