如何将图像放在浏览器页面标题旁边的标签栏上？

Question

您好我想知道如何在标签栏上放置一个图像，就像这个标题位于标题左侧的网站一样。如下图。

Answer 1

它被称为favicon，并在文档的<link>标记中设置了header标记。

例如，Stack Overflow将其设置为：

<link rel="shortcut icon" href="http://cdn.sstatic.net/stackoverflow/img/favicon.ico">
<link rel="apple-touch-icon" href="http://cdn.sstatic.net/stackoverflow/img/apple-touch-icon.png">

第一个标记是为常见桌面浏览器设置图标的跨浏览器方式。第二个标签适用于iOS设备。

Answer 2

我认为你所指的是被称为Favicon。这是一个链接，可以帮助您制作（或导入图像），然后导出favicon供您使用。下载完文件后，只需将其放在站点目录的根目录下即可。

http://www.favicon.cc