[解決済み] favicon.icoのリンクタグは必要ですか?
質問
favicon.icoを自動検出しないモダンブラウザーはありますか?favicon.icoのlinkタグを追加する理由はあるのでしょうか?
<link rel="shortcut icon" href="/favicon.ico">
私の推測では、GIFやPNGにする場合のみ、HTML文書に含める必要があると思うのですが...。
どのように解決するのですか?
を選択するには
別の場所またはファイルタイプ(例
PNG
または
SVG
)
をファビコンに使用します。
その理由の1つは、アイコンを特定の場所(おそらくimagesフォルダなど)に置きたい場合です。例えば、以下のような場合です。
<link rel="icon" href="_/img/favicon.png">
この異なる場所は、CDNである可能性もあります。
<link rel="shortcut icon" href="http://cdn.sstatic.net/stackoverflow/img/favicon.ico">
.
PNGのような他のファイルタイプの使用については、以下を参照してください。 この質問 .
について
キャッシュバスター
を目的としています。
キャッシュバスターのために、パスにクエリ文字列を追加します。
<link rel="icon" href="/favicon.ico?v=1.1">
ファビコンは非常に頻繁にキャッシュされるので、これは更新を確実にするための素晴らしい方法です。
デフォルトの場所についての脚注。
質問の最初の部分に関して:すべてのモダンブラウザは、デフォルトの場所にあるファビコンを検出しますから、それは
ではなく
を使用する理由
link
を使用します。
に関する脚注
rel="icon"
:
で示したように
セマニーノさんの回答
を使用しています。
rel="shortcut icon"
は、古いバージョンのInternet Explorerで必要とされた古い手法ですが、ほとんどの場合、より正確な
rel="icon"
の指示を出すことができます。
記事@Semaninoは、これを元に
に正しくリンクしています。
適切な仕様
を表示します。
rel
の値です。
shortcut
は有効なオプションではありません。
関連
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] div' コンテナに合わせて画像を自動リサイズするにはどうしたらいいですか?
-
[解決済み] <meta charset="utf-8"> vs <meta http-equiv="Content-Type">.
-
[解決済み] scriptタグの中にCDATAセクションが必要なのはどんな場合ですか?
-
[解決済み] 入力フィールドに :before や :after 疑似要素を使用できますか?
-
[解決済み] Webサイトのブラウザタブアイコン(ファビコン)を追加する方法を教えてください。
-
[解決済み] Do I use <img>, <object>, or <embed> for SVG files?
-
[解決済み] favicon.png vs favicon.ico - なぜICOではなくPNGを使うべきなのでしょうか?
-
[解決済み] htmlの<base>タグの推奨事項を教えてください。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] input type="button "に背景画像を追加するには?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] HTML 5: Is it <br>, <br/>, or <br />?
-
[解決済み] Sublime Text 2を使ってHTMLコードを再フォーマットするにはどうしたらいいですか?
-
[解決済み] 特定のクラスや属性を持たない要素を選択するCSSセレクタは書けますか?
-
[解決済み] 静的な HTML ページにファビコンを追加する
-
[解決済み] localStorage、sessionStorage、session、cookieの違いは何ですか?
-
[解決済み] CSSでdivを縦にスクロールできるようにする
-
[解決済み] favicon.png vs favicon.ico - なぜICOではなくPNGを使うべきなのでしょうか?
-
[解決済み】<link rel="icon" href="favicon.ico" type="image/x-icon" />を含めなければならないのでしょうか?