小编典典

如何为网站添加浏览器标签图标（图标）？

html

我一直在一个网站上工作，我想在浏览器标签中添加一个小图标。

我该如何在HTML中执行此操作以及需要在代码中放置它的位置（例如标头）？我有一个.png徽标文件，希望将其转换为图标。

阅读 773

2020-05-10

共1个答案

小编典典

实际上，有两种向网站添加图标的方式。

只需将以下代码添加到<head>元素中：

<link rel="icon" href="http://example.com/favicon.png">

大多数浏览器均支持 PNG图标，但IE <=
10除外。为了向后兼容，您可以使用ICO图标。

请注意，您
不必再icon在rel属性之前添加属性shortcut。从MDN链接类型：

该shortcut链接类型通常见过icon，但这种链接类型是不符合要求的，忽略 网页制作者不能再使用它 。

favicon.ico除非您通过指定了快捷方式图标，否则所有现代浏览器（经过Chrome 4，Firefox 3.5，IE8，Opera
10和Safari 4的测试）都将始终请求<link>。

因此，您要做的就是/favicon.ico向您的网站发出请求，以返回您的网站图标。不幸的是，此选项不允许您使用PNG图标。

2020-05-10