Favicon 未显示答案

【问题标题】：Favicon is Not Showing UpFavicon 未显示
【发布时间】：2021-08-31 11:02:49
【问题描述】：

我几乎完成了一切。但我的 Favicon 仍未显示，请查看我的代码。我从 Fivcon.io 下载了 Favicon 并将下载的文件夹复制到我的网站文件夹中，然后提取并粘贴给定的代码。但它仍然没有显示 Favicon。

这是我的代码

<!DOCTYPE html>
<html lang="en">

<head>
    
    <link rel="icon" href="favicon-32x32.png"  type="image/x-icon">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content=
        "width=device-width, initial-scale=1.0">
        <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
        <title>
        Survey
    </title>
    
    
<link rel="stylesheet" type="text/css" href="css\css.css">
</head>

<body>
    <form id="form">
    <h1 class="heading">Covid Survey Form</h1>

    <!-- Create Form -->

【问题讨论】：

您是否尝试在隐身窗口中打开？还要检查这个stackoverflow.com/questions/9943771/…

标签： html css web icons favicon

【解决方案1】：

网站图标文件是否与网站位于同一目录？

如果是，请尝试将 <link rel="icon" href="favicon-32x32.png" type="image/x-icon"> 更改为 <link rel="icon" href="favicon-32x32.png" type="image/png">。另外，请尽量减少链接标签的数量。

否则，将 favicon 文件放到与网站相同的目录中。

【讨论】：