Question

目前我正在使用这段代码将网站添加到网站：

<link rel="shortcut icon" href="https://www.mysite.co.uk/images/favicon/favicon1.ico" />

但是，必须将此代码添加到每个HTML页面。有谁知道如何设置全局图标？

我看过的每个地方都告诉我必须将它添加到每个页面。

更新

Chrome会在根目录中搜索favicon.ico文件。

Firefox在每个页面都需要这个：

<link rel="icon" type="image/png" href="/favicon.png" />

Answer 1

为了将来参考，请使用php来包含在每个页面上保持一致的标题信息（包括favicon），这样您只需编辑一个文件而不是大量文件。

在header.php包含所有网页共有的所有代码的所有网页上使用<?include "header.php" ?>

可能是这样的：

<link rel="stylesheet" href="screen.css" type="text/css" media="screen" />
<script src="../quirksmode.js"></script>
<link rel="icon" href="/favicon.ico" type="image/x-icon" />

以及需要包含在所有页面上的所有其他代码

在此查看有关包含的更多信息： http://php.net/manual/en/function.include.php

编辑：现在你可以在像notepad ++这样的编辑器中打开所有文件并进行查找和替换以用\ r \ n替换所有出现的文件其中\ r \ n是扩展搜索模式下Windows的换行符。 Notepad ++可以选择在所有打开的文件中进行查找和替换。

Answer 2

不，您需要在每个页面中包含<link rel="shortcut icon">元素。但是，您可以：

将favicon.ico文件放在项目的根目录中，然后将其称为/favicon.ico。

据我所知，它将被缓存，因此没有重新加载的问题。

Answer 3

大多数浏览器在网站中搜索/favicon.ico。它通常会缓存并在整个网站上从一个目录开始工作。

Answer 4

在大多数现代浏览器中，您需要做的就是将favicon.ico文件放在网站的根目录中，它将缓存并在所有页面上工作。

Answer 5

将favicon放在名为“favicon.ico”的网站的根目录中。

如果您想使用其他格式的图标（在根目录中），您可以使用htaccess（或等效的）将mime类型的“.ico”文件设置为“.png”并重命名为“favicon.png”到“favicon.ico”。

在你的htaccess文件中添加以下代码：

AddType image/png .ico

Answer 6

我所做的是创建一个脚本文件，该脚本文件通过DOM创建了link元素并添加了属性。在JavaScript文件中使用此代码并将其链接到HTML文件（请注意，这在markdown中也适用）

window.onload = function() {
  var link = top.document.createElement("link");
  link.type = "image/x-icon";
  link.rel = "shortcut icon";
  link.href = "./Australian_Kangaroo.ico";
  top.document.getElementsByTagName("head")[0].appendChild(link);
}

在HTML中，您需要通过脚本标签将其链接

<script src = "script.js"></script>

与link标记相比，这样做的优点是可以将此JavaScript添加到具有其他功能的文件中，因此工作量较小。

为整个网站设置单个图标

6 个答案: