一尘不染

将图标添加到静态HTML页面

html

我有一些纯HTML的静态页面,当服务器关闭时会显示这些页面。如何将我制作的favicon(它的大小为16x16px,与HTML文件位于同一目录;称为favicon.ico)作为“标签”图标的原样?我已阅读Wikipedia并查看了一些教程,并实现了以下内容:

<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>

但是它仍然不想工作。我正在使用Chrome浏览器测试网站。根据Wikipedia所述,.ico是可在所有浏览器类型上运行的最佳图片格式。

更新资料

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


阅读 402

收藏
2020-05-10

共1个答案

一尘不染

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

<link rel="shortcut icon" type="image/png" href="/favicon.png"/>
<link rel="shortcut icon" type="image/png" href="http://example.com/favicon.png"/>
2020-05-10