html - ブラウザのタブのタイトルの横にあるロゴサイン

Question

ブラウザ ウィンドウのタブのタイトルの横にロゴを表示するには、html/css コードで何をする必要があるか教えてください。

私の現在のコードは（jadeテンプレート）です

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

Answer 1

<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 2

faviconについて言及していると思います。

これは単に、サイトの Web ルートにあるfavicon.icoというファイルです。ブラウザはそれを自動的に取得します。

それを実装するにはさまざまな方法がありますが。この投稿の他の回答も参照してください。