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

Question

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

Answer 1

它被称为a 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设备.