设置网站图标答案

【问题标题】：Setting up the favicon设置网站图标
【发布时间】：2013-11-14 11:14:49
【问题描述】：

我的 header.php 文件在包含文件夹中有以下代码。

<html>
    <head>
        <title>Health Mate</title>
        <link rel="icon" href="/favicon.ico" type="image/x-icon" />
        <link href="stylesheets/public.css" media="all" rel="stylesheet"/>
     </head>
     <!-- Some more code-->
 </html>

我已将 favicon.ico 粘贴到包含文件夹本身中。问题是 favicon 未设置。此外，如果我将用户重定向到提交按钮上的某个站点，例如 yahoo.com。我的网站正在使用 yahoo 的网站图标。请提出一些解决方案。还告诉我 favicon 需要是 .ico 文件还是也可以是 .png？

【问题讨论】：

标签： php html favicon

【解决方案1】：

您应该有必要的路径来定位您的 favicon.ico 图像。

例如：如果您的文件夹是这样的结构：

/mysite
  /includes
     favicon.ico
  index.php

如果你打算在 index.php 中使用它，你应该像这样包含所需的必要路径：

<link rel="icon" href="includes/favicon.ico" type="image/x-icon" />

注意：用于检查您是否喜欢获取图标图像的路径.. 您可以使用 ctrl + u 检查您的网页源代码。然后点击链接的href路径，如果显示图片就说明你的路径是正确的。

【讨论】：

【解决方案2】：

您必须将favicon.ico 放入您网站的根目录，以便任何人都可以通过yourdomain.com/favicon.ico 访问它。 yourdomain.com/includes/favicon.ico 没有链接标签将无法工作。

如果您不能将网站图标放在您的域的根文件夹中，那么您必须使用此代码并更改 href 属性以匹配网站图标相对于您网站根目录的路径。即/includes/favicon.ico

<link rel="Shortcut Icon" type="image/ico" href="/includes/favicon.ico">

我建议使用 http://www.icoconverter.com/ 或其他等效工具将文件转换为实际的 .ico。

【讨论】：