ウェブサイトにファビコンを追加するためのヒント ウェブサイトの前に小さなアイコンを設置する
2022-02-05 17:45:22
ファビコンとは、その名の通り、ブラウザの「お気に入り」に対応するタイトルの他に、アイコンによって異なるWebサイトを区別するためのものです。もちろん、ファビコンはこれだけではありません。FireFoxやInternet Explorer（バージョン5.5以上）など主要なブラウザでは、ファビコンはお気に入りに表示されるだけでなく、アドレスバーにも同時に表示され、ユーザーがドラッグ＆ドロップすることができます。 さらに、タブ型ブラウザでは、FireFoxがアニメーションファビコン形式に対応するなど、多くの拡張機能まで備えています。
次のコードを <head></head> の間に追加すると、次のようになります。
<link href="favicon.ico" mce_href="favicon.ico" rel="bookmark" type="image/x-icon" />
<link href="favicon.ico" mce_href="favicon.ico" rel="icon" type="image/x-icon" />
<link href="favicon.ico" mce_href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
説明します。1行目と3行目のコードは、エクスプローラーウィンドウやブラウザのお気に入りの下にもアイコンを表示させるという目的を果たしています。
次のコードを <head></head> の間に追加すると、次のようになります。
コピーコード
コードは以下の通りです。
<link href="favicon.ico" mce_href="favicon.ico" rel="bookmark" type="image/x-icon" />
<link href="favicon.ico" mce_href="favicon.ico" rel="icon" type="image/x-icon" />
<link href="favicon.ico" mce_href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
説明します。1行目と3行目のコードは、エクスプローラーウィンドウやブラウザのお気に入りの下にもアイコンを表示させるという目的を果たしています。
関連
最新
-
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 実装 サイバーパンク風ボタン