在html中加图标,关于html：如何在标题中添加任何图像作为图标？

我想在标题中添加图像作为收藏夹图标。 图片为300px，位于images文件夹中。 我想显示除标题外的图像。

我试图这样做，但它不显示它：

My title

它除了我的标题外没有显示任何徽标，我如何在标题中添加徽标。

您已经定义了没有扩展名的图标路径，可能是logo.png吗？另请参阅图标图标的要求。

@IvankaTodorova图片的大小应该小一点，因为它在图像文件夹中的大小是300px

@IvankaTodorova还可以将任何图像添加为收藏图标吗？

如何在标题栏中添加图像的可能重复项？

@VirendersinghRathore这是有关桌面应用程序的问题。

@IvankaTodorova我的问题不是重复的，我已经检查了该问题，但似乎并不相似

将图标添加到静态HTML页面的可能重复项

@IvankaTodorova我已在images文件夹中添加了favicon，而docs文件夹中已添加了index.html，而在我的主文件夹中的docs和images文件夹中又添加了我的favicon应该使用的href=""？ 但不起作用，您能告诉我如何解决此问题吗？

@IvankaTodorova您能否澄清我的上述疑问？

看看我的答案@stonerock，看看如何解决您的问题。

@AngelPolitis好答案，谢谢。

尝试在您的页面上设置图标时，必须注意以下几点：

您的图片尺寸正确(300px太大，无法用作收藏夹图标)。

为了获得跨浏览器的支持，您将需要不同的大小和不同的link标签。

通常，一个180x180，一个32x32和一个16x16足以覆盖所有浏览器和设备。

码：

正确的路径：

除了上述以外，您似乎还使用了错误的图标图标路径，这就是为什么它根本不起作用的原因。根据您的发言，您的结构如下：

/

- docs

- index.html

- images

- logo.png

关于上述结构，要获得收藏夹图标，必须在html文件中使用的正确相对路径是../images/logo.png。

试试这个

我已经减小了图像的大小，现在应该在html页面中添加2行以上吗？

是的，您可以为此使用小图标图像

我的href="imageslogo.png"应该是什么？

您可以使用所需的href=""对其进行编辑，因为您的代码不起作用吗？我应该在文件结构中的哪个位置添加我的图标？

您的图片是png或jpg

我在主文件夹中添加了favicon，并且index.html文件位于layout-> partials-> index.html中，我的href=""的路径必须是什么？

文件结构-> imgur.com/a/IT6SE

您使用第一个链接，您只需输入href="favicon.png"您的图片名称，它将无法使用第二个

在href=""中显示带有标题的图像必须提供的路径是什么？

href =" favicon.png"将不起作用，因为index.html文件位于layout-> partial-> index.html中，请参见imgur url中的文件结构

use href=".favicon.png"或use href="...favicon.png"

如果您添加favicon您的网站。

网站图标大小为16x16或32x32，然后是此代码块；

要么

https://www.favicon-generator.org/

我试过了，但是没有用。

你能跟我分享

我已在图像文件夹中添加了favicon，而docs文件夹中已添加了index.html，而我的docs和images文件夹中的主文件夹中也添加了favicon，我的网站图标应使用href ="？但不起作用，您能告诉我如何解决此问题吗？

查看我的文件结构-> imgur.com/a/IT6SE