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

  • Z时代
  • 2024-01-10
  • 分类：问答

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

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

相关：浏览器标签上的HTML设置图像。

回答：

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

<link rel="icon">

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

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

大多数浏览器均支持 PNG图标，但IE <=

10除外。为了向后兼容，您可以使用ICO图标。

请注意，您

。从MDN链接类型：

该shortcut链接类型通常见过icon，但这种链接类型是不符合要求的，忽略 。

favicon.ico 在根目录中

从另一个SO答案（通过@mercator）：

favicon.ico除非您通过指定了快捷方式图标，否则所有现代浏览器（经过Chrome 4，Firefox 3.5，IE8，Opera

10和Safari 4的测试）都将始终请求<link>。

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

另请参见favicon.png和favicon.ico-

为什么我应该使用PNG而不是ICO？

以上是 如何为网站添加浏览器标签图标（图标）？ 的全部内容， 来源链接： utcz.com/qa/427240.html

回到顶部