我一直在做一个网站，我想在浏览器选项卡上添加一个小图标。
我怎样才能在 HTML 中做到这一点，我需要在代码中的什么地方放置它（例如标题）？我有一个.png要转换为图标的徽标文件。
.png
实际上有两种方法可以将网站图标添加到网站。
<link rel="icon">
只需将以下代码添加到<head>元素中：
<head>
<link rel="icon" href="http://example.com/favicon.png">
大多数浏览器都支持PNG 图标，除了 IE <= 10 。为了向后兼容，您可以使用 ICO favicons。
请注意，您 不必再icon在rel属性前面加上shortcut。从MDN 链接类型：
icon
rel
shortcut
shortcut链接类型以前经常看到，但是这种icon链接类型是不合格的，被忽略了， 网络作者不能再使用它了 。
favicon.ico
从另一个 SO答案：
所有现代浏览器（用 Chrome 4、Firefox 3.5、IE8、Opera 10 和 Safari 4 测试）总是会请求 a favicon.ico，除非您通过<link>.
<link>
因此，您所要做的就是向/favicon.ico您的网站发出请求，返回您的网站图标。遗憾的是，此选项不允许您使用 PNG 图标。
/favicon.ico
