16

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

<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" />
4

6 回答 6

25

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

<?include "header.php" ?>在您的 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

编辑:现在您可以在记事本 ++ 等编辑器中打开所有文件并执行查找和替换以将所有出现的 替换为 \r\n 其中 \r\n 是扩展搜索模式下窗口的换行符。Notepad++ 可以选择在所有打开的文件中进行查找和替换。

于 2013-06-14T03:06:41.167 回答
3

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

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

据我所知,它会被缓存,所以重新下载是没有问题的。

于 2013-06-07T08:39:50.127 回答
2

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

于 2013-06-11T11:01:10.680 回答
2

在大多数现代浏览器上,您只需将favicon.ico文件放在网站的根目录中,它将缓存并在所有页面上运行。

于 2013-08-18T15:02:55.140 回答
2

我所做的是创建一个脚本文件,通过 DOM 创建链接元素并添加属性。在 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 标签来链接

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

与链接标签相比,它的优点是您可以将此 JavaScript 添加到具有其他功能的文件中,因此工作量会减少。

于 2018-09-10T00:15:49.830 回答
0

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

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

在您的 htaccess 文件中添加以下代码:

AddType image/png .ico
于 2013-06-10T11:39:01.833 回答