Home / Questions / 53441
Accepted
Pavlo B.
Asked: 2020-03-07 09:36:13 +0800 CST 2020-03-07 09:36:13 +0800 CST

在选项卡上放置图标

  • 772

我正在尝试在我的选项卡上放置一个图标，如下所示：

在此处输入图像描述

favicon.ico 文件与我放置此代码的文件位于同一文件夹中：

<link rel="shortcut icon" href="favicon.ico" />

但它什么也没做，它给我留下了 xamp 图标......

html

7 Answers

  1. Best Answer

    在我看来，href的url是错误的，试试这个：

     <link rel="shortcut icon" href="/favicon.ico" />

    还要始终清除页面的缓存，以便更新更改

    • 7

  2. 如果您看到 XAMPP 图标，那是因为它不断提升该图标。在 XAMPP 服务器文件夹中查找此图标并将其删除。用您的图标替换它，它应该可以工作。

    如果在修改favicon.ico文件时仍然看到 XAMPP 图标，则应刷新浏览器的缓存以重新加载所有资源。使用Ctrl+ Shift+ R(Windows/Linux) 或Cmd+ Shift+ R(Mac)实现页面刷新和缓存

    值得澄清的是，图标的地址虽然写得很好，但始终相对于服务器的根目录，不一定与您的 HTML 文件所在的级别相同。

    • 7

  3. 我刚刚做到了，它对我有用，如下所示：

    当然，之前我必须将我的 jpg 图像转换为 favicon.ico，我已经使用 GIMP 2.10.22 编辑器将其转换为最大 31x31 的正方形，首先我将图像导出为 jpg，然后在 Visual Studio 中本身我已将其重命名为 favicon.ico

    另一件事，这段代码必须放在 hea 的部分，链接标签不在标题内。

    让我们看看这样！:)

    • 1

  4. 您只需在页面标题中添加一个链接，其中包含 rel =icon 和图标的完整 url。这是一个带有 es.stackoverflow.com 图标的示例：

    <html>
<head>
    <meta charset="utf-8">
    <title>Icono en el navegador</title>
    <link rel="icon" type="https://cdn.sstatic.net/Sites/es/img/apple-touch-icon.png?v=7739871010e6
">
</head>
<body>
    <h1>Test de Icono en el tab de navegador</h1>
</body>
</html>

    • 0

  5. 我用来在浏览器选项卡中放置图像的代码是：

    <link rel="shortcut icon" href="imagenes/favicon.png">

    就我而言，我将图像放在一个名为 images, eye 的文件夹中；它对许多人不起作用，不是因为代码不起作用，而是因为我们在代码结构中可能存在错误。

    • 0

  6. 它像这样对我有用-->

    <link rel="shortcut icon" href="tulogo.ico" type="image/x-icon">

    PS：图片必须在同一个文件夹中。或者你必须指定的href，如果它在一个文件夹里面它会是href="tucarpeta/tulogo.ico" 如果文件在之前，也就是你必须回去，它会是这样的-->

    href="../tucarpeta/tulogo.ico"
    • 0 
  7. <link rel="icon"  type="image/png" href="nombre de la imagen .tipo de archico ejemplo png">

    评论中的链接

    就是这样。您必须将其放在页眉中，图像必须与页面位于同一文件夹中。

    • -2