質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Q&A

解決済

2回答

3540閲覧

favicon が反映されません

Yasu0421

総合スコア37

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

0グッド

0クリップ

投稿2018/09/25 00:50

お世話になります。
1)32px/32pxのfavicon.icoを作成し、HTMLで以下の様に記述しました
favicon.icoは、下記HTMLと同じWebサーバ階層上に配置しています。

HTML

1<!DOCTYPE html> 2<html xmlns="http://www.w3.org/1999/xhtml" manifest="cachemanifest.appcache"> 3<head> 4 <link rel="shortcut icon" href="./favicon.ico"> 5 <meta charset ="utf-8"> 6 <title>test</title> 7</head> 8<body> 9 <p> test</p> 10</body> 11</html>

2)http://localhost/XXXX.htmlで上記のHTMLにアクセスすると
以下の様な画面(Chrome)で「net:::ERR_FAILED」となり、favicon表示に
失敗します。
イメージ説明

3)WebサーバはApacheを使用しており、httpd.confへの設定は
この件に関しては、特に何もしておりません。

4)尚、ローカル上で実施すると正しくfaviconは表示されます。

どなたか、原因をご教示いただけると助かります。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2018/09/25 03:04

解決済みとなっていなかったため回答しましたがやりとり見てたら解決した雰囲気ですね。一応、参考まで。
guest

回答2

0

こちらでも試してみました。

<link rel="shortcut icon" href="./favicon.ico"> だとうまくいかないですね。

念の為の確認ですが

<link rel="shortcut icon" **href="favicon.ico"**> にするとどうなりますでしょうか? こちらでは、これでうまくいきました。

投稿2018/09/25 01:53

編集2018/09/25 02:00
退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Yasu0421

2018/09/25 01:58

ご回答ありがとうございます。 "./"を削除してみましたが、やはり駄目でした
退会済みユーザー

退会済みユーザー

2018/09/25 02:22 編集

そうですか・・・。それは失礼しました。 当方では 手順1 Chrome履歴(キャッシュ)削除 手順2 "./"あり → NG(Chromeでの「ホーム画面に追加」がF) 手順3 Chrome履歴(キャッシュ)削除 手順4 "./"無し → OK(Chromeでの「ホーム画面に追加」成功) という感じです。 念の為ですが、テスト時にChromeのキャッシュは削除されていますでしょうか。
Yasu0421

2018/09/25 02:56

ご回答ありがとうございます。 ご指摘の通りで,Chromeのキャッシュが悪さしていました。 キャッシュを削除すると 手順1 Chromeキャッシュ履歴削除 手順2 "./"あり でF5押下 でfavicon表示OK 少し挙動が違う様な気もしますが、表示できるようにはなりました。 大変たすかりました。ありがとうございます。
guest

0

ベストアンサー

下記の記事も参考にしてみてください。

正しくファイルを置き換えられていてパスが合っているのであれば、おおよそはキャッシュの問題かと思います。

投稿2018/09/25 03:03

m.ts10806

総合スコア80765

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Yasu0421

2018/09/25 03:07

ご回答ありがとうございます。 履歴全てをクリアしなくとも、Faviconだけをピンポイントで 履歴削除できること理解できました。 大変たすかりました。 ありがとうございます。
m.ts10806

2018/09/25 03:10

解決されたようで何よりですが、先の回答で解決した感がありますしキャッシュに対する言及は既にその回答者さんがされているのでそちらをベストアンサーにされたほうが良いかと思います(最終的にはお任せしますが)
Yasu0421

2018/09/25 05:38

ご助言ありがとうございます。 他の方が閲覧された場合に、他の参考例情報も記載された文面に 誘導した方がよいかなと思い、選ばせていただきました。 悪しからずご了承下さい。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問