将favicon添加到静态HTML页面

发布时间 2023-11-02 20:35:31作者: 小满独家

内容来自 DOC https://q.houxu6.top/?s=将favicon添加到静态HTML页面

我有几页静态的HTML页面,当服务器出现故障时,我们会展示这些页面。我想把我制作的favicon(16x16像素,与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是在所有浏览器类型上运行的最佳图像格式。

更新

虽然代码看起来没问题,但只有在服务器开始为网站提供服务后,它才能真正正常工作。只需将其推送到服务器并刷新缓存,它应该就能正常工作了。


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

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