FC2ブログ

Commonscapes

Home  > 2018年08月 > スポンサー広告 > This Entry 2018年08月 > Web > This Entry [com : 0][Tb : 0]

スポンサーサイト

-- -- --,--
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

トラックバック URI

favicon について調べた

2009 04 01,Wed

※数箇所ミス修正。とある WordPress Theme を見たら head要素で favicon の指定が2種類あったので気になり調べてみることにした。長くなりそうなので結論として以後自分のブログでの指定例を先に記述しておきます。

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

互換性がなんたらとか favicon は色々と厄介

片っ端から検索で調べてみましたが、どうやらブラウザ間による対応度の違いにより2種類の記述を追加するようだ。MIMEタイプが特に厄介で、image/vnd.microsoft.icon が標準のはずなのに互換性の問題で image/x-icon が指定されることも、って色んなところで記述されているのだけど、具体的な対応度の違いについて書かれている記事が殆ど無い。たぶん皆 Wikipedia を 引用してる気がする。

参照記事を読んだ感じでは Mozilla Firefox で image/vnd.microsoft.icon を指定したら favicon が表示されなくなったとの記述が1件のみ見つけることが出来た。かなりマイナーなケースのようだし、 Firefox は何が何でも favicon を表示させようと頑張るみたいなので、同じ症状が再現できる方法が分かるか、何か不具合が実際に起こるまでは image/vnd.microsoft.icon で統一しようと思います。

どっちを先に書けばいいの?

2種類記述することまでは決めましたが、順番はどうするべきか、も迷います。こちらの記事を参照すると、ブラウザが理解できる書き方のうち、後で指定されたものが表示とあるので、対応例の多い rel="shortcut icon" を後に、正直言って「なんとなく」ですが記述することにしてみることに、と書いた後で Wikipedia にrel属性に半角スペースを含むため、二つの属性値として解釈されウェブブラウザを混乱させる等と指摘されていたので確証は持てないけど rel="icon" を後に書くことにします。面倒・・・
それと、favicon の表示に対応する画像フォーマットも増えてきてるみたいですが、favicon.ico が一番安定するようなので統一。とりあえず暫くはこれで様子見ですね

参照記事

トラックバック URI

コメント

コメントの投稿

管理者にだけ表示を許可する

ブログ内検索フォーム

最新記事6件のタイトル

分類別

タグクラウド

              

最新のコメントされた記事

月別

付録

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。