浏览器选项卡中标题旁边的徽标符号答案

【问题标题】：Logo sign next to title in the tab of browser浏览器选项卡中标题旁边的徽标符号
【发布时间】：2013-09-20 20:57:24
【问题描述】：

您能否告诉我在我的 html/css 代码中需要做什么才能在浏览器窗口选项卡的标题旁边显示徽标？

我当前的代码是（翡翠模板）

!!!
html
  head
    title= 'my website title'
  body!= body

【问题讨论】：

我们需要更多的信息，而这看起来不像我见过的任何 html。你用这个做什么？
“代码”到底是什么意思？
既然您知道“东西”通常被命名为 favicon，您应该能够快速找到您要查找的内容 - 看看 stackoverflow.com/questions/13783687/…（不是同一个主题，但有一个使用 favicon 的玉代码片段）

标签： html css pug

【解决方案1】：

您要查找的内容称为 favicon，网上有很多教程可以做到这一点，包括当局提供的这个：

http://www.w3.org/2005/10/howto-favicon

还值得一提的是，你那里的代码不是 HTML，它看起来像一种叫做 Jade 的模板语言。 Jade 可用于生成 HTML，但不应与实际语言混淆。

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

我想你指的是favicon。

它只是您网站 Web 根目录中的一个文件，名为 favicon.ico。浏览器会自动选择它。

虽然有不同的实现方式。另请参阅此帖子中的其他答案。

【讨论】：