当前位置: 首页 > 面试题库 >

如何为网站添加浏览器标签图标(图标)?

西门淮晨
2023-03-14
问题内容

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

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

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


问题答案:

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

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

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

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

请注意,您
不必再iconrel属性之前添加属性shortcut。从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?



 类似资料:
  • 该映像是名为“favicon.ico”的.ico,位于根目录中,并且被识别为有效的ico文件。 有人帮忙吗?

  • 我陷入了感觉应该相对容易的事情。我下面带来的代码是基于我正在进行的一个更大项目的示例。我认为没有理由发布所有细节,所以请按原样接受我带来的数据结构。 基本上,我正在创建一个条形图,我只是想知道如何在条形图上添加值标签(在条形图的中心,或者就在它的上面)。我一直在网上寻找示例,但是在我自己的代码上没有成功实现。我相信解决方法是用“文本”或“注释”,但我:a)不知道用哪一个(而且总的来说,还没想好什么

  • 问题内容: 如何关闭当前的浏览器标签?以下无效。 要么 要么 问题答案: 试试这个: 来源:https : //vaadin.com/forum/#!/ thread/ 235330

  • 本文向大家介绍如何更改浏览器左上角标题旁的图标?相关面试题,主要包含被问及如何更改浏览器左上角标题旁的图标?时的应答技巧和注意事项,需要的朋友参考一下 意思是修改网站图标 此图标应该为一个 .ico 的图标,常为 16*16 / 24 * 24 通过在 html 头部引入如下标签实现:

  • 我正在尝试添加一个背景图像到标题在一个Squarespace网站我正在工作。我成功地使用了他们论坛中建议的以下代码: 然而,它只覆盖主导航区域,而不是整个头部区域。我希望它看起来像这样: 然而,在这个示例页面中,它看起来是这样的,我将代码添加到: https://matthew-kern-drzz.squarespace.com/paints-new 有人有解决办法吗? 干杯, M. 附注。我只是

  • 问题内容: 我想在python动画中添加图例,如下所示。它类似于。 但是,我发现代码在这里不起作用。该动画仅显示变化的行,但没有可用的标签或图例。我该如何解决这个问题? 问题答案: 我根本不是matplotlib的专家,但是在Double Pendulum动画中, 它们显示变化的文本,这会导致一些变化,可以为您提供帮助。 要获得具有实际线条颜色的图例,可以将初始设置更改为: 或在函数中的循环中添加