[解決済み] 静的な HTML ページにファビコンを追加する
2022-03-23 09:24:55
質問
サーバーがダウンしたときに表示する、純粋なHTMLだけの静的ページが数ページあります。私が作ったファビコン（16x16pxで、HTMLファイルと同じディレクトリにあり、favicon.icoと呼ばれています）を、いわば"tab"アイコンとして置くにはどうしたらよいでしょうか。Wikipediaを読み、いくつかのチュートリアルを見て、以下のように実装しています。
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
しかし、まだ動きたくありません。私はChromeを使用してサイトをテストしています。ウィキペディアによると、.icoはすべてのブラウザで動作する最高の画像フォーマットだそうです。
更新情報
コードはチェックアウトされていますが、サーバーがサイトを提供し始めてからでないと、本当に正しく動作しません。サーバーにプッシュして、キャッシュをリフレッシュすれば、正常に動作するはずです。
解決するには？
.png画像を作成し、以下のいずれかのスニペットを
<head>
タグを使用した静的なHTML文書を作成できます。
<link rel="icon" type="image/png" href="/favicon.png"/>
<link rel="icon" type="image/png" href="https://example.com/favicon.png"/>
関連
-
[解決済み] ファビコンを強制的に更新するにはどうすればよいですか？
-
[解決済み] ページを再読み込みせずにURLを変更するにはどうすればよいですか？
-
[解決済み] Pythonで静的なクラス変数は可能ですか？
-
[解決済み] HTML 5: Is it <br>, <br/>, or <br />?
-
[解決済み] HTMLのid属性に有効な値は何ですか？
-
[解決済み] 静的クラスとシングルトンパターンの違い？
-
[解決済み] HTMLページからのリダイレクト
-
[解決済み] 小さなファビコンのために、別の貴重なHTTP-requestを節約する方法は？
-
[解決済み】なぜHTMLは "chucknorris "を色と見なすのか？
-
[解決済み] HTML 5 Favicon - サポートは？
最新
-
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="file "ボタンのスタイリング
-
[解決済み] input type="button "に背景画像を追加するには？
-
[解決済み] 箇条書きのない順序なしリストが必要です。
-
[解決済み] HTMLの "role "属性は何のためにあるのですか？
-
[解決済み] div内の要素を縦に並べるにはどうしたらいいですか？
-
[解決済み] preタグでテキストを折り返すにはどうしたらよいですか？
-
[解決済み] Webサイトのブラウザタブアイコン（ファビコン）を追加する方法を教えてください。
-
[解決済み] 残りの幅を埋めるためにdivを展開する
-
[解決済み] div内の画像の下に余分なスペースがある
-
[解決済み】<link rel="icon" href="favicon.ico" type="image/x-icon" />を含めなければならないのでしょうか？