无法设置标签图标答案

【问题标题】：Can't set tab icon无法设置标签图标
【发布时间】：2021-05-22 20:14:51
【问题描述】：

我正在尝试为 html 页面设置选项卡图标。我在 ubuntu 20 机器上运行。

我的当前目录如下所示：

ask@Garsy:~/Notes/html$ tree
.
├── finger.ico
└── html.html

我的 html 看起来像这样：

<!DOCTYPE html>
<html>
<body>
    <link rel="icon" href="/finger.ico">
<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

当我在浏览器中打开 html 文件时，没有标题图标。如果我提供绝对路径也不行。

如何显示实际的图标？

【问题讨论】：

IMO，<head> 应包含 favicon 参考。
如果你把它命名为 favicon.ico 并放在你的根目录下，浏览器会自动找到它。

标签： html

【解决方案1】：

将它放在文档的头部部分是个好主意。该文件的名称也应该是 favicon.ico 以告诉浏览器使用它。但如果你想给它命名

这应该可行：

<!DOCTYPE html>
<html>
<head>
    <link rel="icon" href="finger.ico">
</head>
<body>
    <h1>My First Heading</h1>
    <p>My first paragraph.</p>
</body>
</html>

【讨论】：