Question

我正在创建一个网站，我有一个我想用它的图标。它与我的index.html文件位于同一文件夹中。我想知道如何在我的网站上实际使用favicon。我确实将它设置为16 x 16像素并具有.ico扩展名。顺便说一句，我在本地托管我的网站，以便使用MAMP进行测试。

这是我的文件夹中包含favicon的图片： enter image description here

我想知道我要做些什么才能让它发挥作用。

这是我的index.html文件：

<html>
    <head>
        <meta charset="UTF-8">
        <title>LFX Music</title>
    </head>

    <body>
    </body>
</html>

我是否需要将favicon代码放在每个带有html head标签的文件中？如果是这样，即使它们位于不同的文件夹中，我也会在每个文件中放入相同的代码？假设我想将它放在子文件夹中的about.html文件中，“about”，那么代码是什么？

同样在我的时候，即使它并不重要，什么是好的文件夹命名礼仪？例如，我有“_images”文件夹，里面有一个名为“favicons”的文件夹。我应该调用文件夹“favicons”，“_ favicons”或“__favicons”来跟上我目前构建资产文件夹的方式吗？

非常感谢你！

Answer 1

<html>
  <head>
    <meta charset="UTF-8">
    <title>LFX Music</title>
    <link rel="shortcut icon" href="favicon.ico">
  </head>

  <body>
  </body>
</html>

关于文件夹，无论如何都要命名。

我已经设置了例如。

images
css
js

...

Answer 2

只要该文件名为FAVICON.ICO并且在根目录中，它实际上是一个.ICO文件，根据正确的规范构建，它应该可以工作而无需在代码中添加任何内容。

通过＆＃34;正确的规格＆＃34;，我的意思是，不要只取一个PNG并重命名它并期望它能够正常工作。 .ICO实际上是它自己的特定格式。

如何让我的图标工作？

2 个答案: