HTML-如何在浏览器中添加图标徽标 [重复]答案

【问题标题】：HTML-How to add an Icon logo in browser [duplicate]HTML-如何在浏览器中添加图标徽标 [重复]
【发布时间】：2019-09-06 20:14:36
【问题描述】：

我正在建立一个网站，我想在浏览器的标题栏中添加一个小图标徽标。我必须在哪里放置代码？我在头部尝试过，但没有任何反应

【问题讨论】：

这里给你一个很好的参考How to add favicon for a website

标签： html icons favicon

【解决方案1】：

标题栏上的标志称为favicon。要在您的网站中包含网站图标，您只需在标签内提供指向您的图标的链接。

<!DOCTYPE html>
<html>
  <head>
    <title>This is a title</title>
    <link rel = "icon" type = "image/png" href = "/icon.png">
    <!-- For apple devices -->
    <link rel = "apple-touch-icon" type = "image/png" href = "/icon.png"/>
  </head> 
</html>

通过使用它，您可以将您的图标包含在您网站的标题栏中。图标的扩展名应为 .png 以获得更好的可见性，并将您的 png 转换为 .ico 扩展名以获得更多支持。

【讨论】：

更正：我在 Chrome 中测试了它并且它工作正常。使用此代码在 Edge 或 Internet Explorer 中未显示任何图标。
我也可以让一个 ico 在 chrome 中工作，但不是 ie 或 edge。
成功了！非常感谢！