web制作におけるタイトルとお気に入り内での表示

質問

制作したサイトが一般に閲覧される際、画面上部に現れるタイトルバーと、お気に入りに登録してもらった際の表示を画像データなどでデザインしたいのですが、そのために必要なコードを一般的な例で結構ですので教えてください。CSSを使うのでしょうか？当方HTMLとCSSの基本はわかっておりますので、その点ご留意いただきご返答よろしくお願いいたします。

回答No.2

think49 · ベストアンサー

favicon のことでしょうか。
favicon の設置方法はいくつかあります。

(1) http://hoge.example/favicon.ico に favicon.ico を置く
(2) HTML5 で <link rel="icon" href="favicon.ico" sizes="16x16" type="image/gif"> を書く
(3) IE専用と割り切って <link rel="shortcut icon" href="./favicon.ico"> を書く

http://www.favicon.jp/favicon_establishment/ がよくまとまっていますが、このサイトでは rel="shortcut icon" をお勧めしています。
rel="shortcut icon" は http://msdn.microsoft.com/en-us/library/ms537656%28v=vs.85%29.aspx から広まったと思われますが、HTML4, HTML5 の仕様にないものですので IE 以外のブラウザで動作するかわかりません。
HTML4, XHTML1 なら (1) を、HTML5 なら (1), (2) を選択するのが無難だと思います。

お礼

明解な説明、ありがとうございました。

回答No.1

abacabu

こういうことですよね？
お勧め解説サイトを乗せておきます。
このサイトの最後の方のこちらという部分でサイトを開くと、
タイトルバーとお気に入りの際のどちらにも画像が使われている様です。

参考URL：

http://yaplog.jp/p_xls/archive/49