浏览器选项卡中标题旁边的徽标标志

Question

请告诉我在html / css代码中需要做什么才能在浏览器窗口的标签页中显示标题旁边的徽标？

我的当前代码是（玉模板）

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

Answer 1

您正在寻找的内容称为 favicon ，并且有很多教程可以在线完成，包括当局的这个教程：

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

值得一提的是，你所拥有的代码不是HTML，它看起来像一个名为Jade的模板语言。 Jade可用于生成 HTML，但不应与实际语言混淆。

Answer 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" />

Answer 3

我认为你指的是favicon。

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

虽然有不同的方法来实现它。另请参阅这篇文章的其他答案。