faviconの要素がないのにきちんと表示される理由

Question

実現したいこと

HTMLにfaviconの要素がないのにきちんと表示される理由を知りたいです。

前提

teratailでfaviconはどうやって設定しているのでしょうか？

例えばこちらのリンクは私のページですが、HTMLにはfaviconの設定がないように見えるのにChromeではきちんと表示されますよね…
https://teratail.com/users/NESCAFE

試したこと

ChatGPTに「WEBサイトでアイコンが設定されていそうなHTML要素すべて列挙してください」と聞いてfaviconの要素としてありえそうなものを確認しました。

しかし、返ってきた答え（rel="icon"など）は当該URLのHTMLにないようでした。

Comments

[hoshi-takanori]

もともと IE が勝手に favicon.ico を読み込んで表示してたものなので…。
https://shinkufencer.hateblo.jp/entry/2019/04/15/000000

[otn]

ヘッダで指定出来るようになった（＝ページ毎に異なるアイコンを指定出来るようになった）のは登場から数年後ですかね。

[NESCAFE]

ありがとうございます。勉強になりました。

Answer 1

ブラウザが自動的にトップページ直下のfavicon.icoを読み込んでいます。
https://teratail.com/favicon.ico

Comments

[NESCAFE]

ありがとうございます。なるほどそうだったのですね。
恐れ入りますがソースなどご存じでしょうか？後学のためにそのような仕様になっているという根拠も抑えておきたいです。

[otn]

HTMLの標準規格はあるけど、ブラウザ挙動の標準規格は無いと思うので、それぞれのブラウザのドキュメントを見るのでしょうか。

[otn]

おっと、HTML5のlink="rel"の説明に書いてあるじゃないですが。そこに書いてないので質問したのかと思って、上のコメントを書いたのですが。

In the absence of a link with the icon keyword, for Documents obtained over HTTP or HTTPS, user agents may instead attempt to fetch and use an icon with the absolute URL obtained by resolving the URL "/favicon.ico" against the document's address, as if the page had declared that icon using the icon keyword.

ブラウザ仕様の追認なので、may になってますが。

[NESCAFE]

otnさん詳しくありがとうございます。ブラウザでなくHTML5の方を探せばよかったのですね。