如何添加 HTML 图标（我的图标不起作用）？

Question

负责人：

<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/png" href="favicon.png"/> <!-- Here -->
    <title>TITLE</title>
    <script src="https://use.fontawesome.com/5aaf8b7460.js"></script>
    <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,600" rel="stylesheet">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="dist/css/style.css">
   
    <script src="https://unpkg.com/animejs@3.0.1/lib/anime.min.js"></script>
    <script src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.js"></script>

我的网站图标与 index.html

在同一目录中

但是它只是将网站图标显示为白页 - 不起作用。

我该如何解决这个问题？

Answer 1

试试这个

<link rel="icon" 
      type="image/png" 
      href="http://example.com/myicon.png">

查看完整 url 而不是仅查看图片名称：

来源和更多信息：

这不是强制性的，但它可能会影响旧浏览器，检查这个https://www.w3.org/2005/10/howto-favicon

如何添加 HTML 图标（我的图标不起作用）？

How do I add an HTML favicon (mine isn't working)?

html

favicon