ファビコンを設定したいが、表示されない。

#ファビコンを設定したいが、表示されない。

以下ソースのようにhead内（一番下）に<link rel=”icon” href="/img/favicon.ico">と記述してます。
ファイルパスはリンク先の表示で画像が開くことは確認できております。

原因が分からず困っています。

分かる方お力添えをいただけませんでしょうか。

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="css/portfolio.css" />
    <link rel="stylesheet" href="css/slick.css" />
    <link rel="stylesheet" href="css/slick-theme.css" />
    <title>PORTFOLIO</title>
    <link rel=”icon” href="/img/favicon.ico">
  </head>

行動規範の内容に同意します

回答1件

ベストアンサー

<link rel=”icon” href="/img/favicon.ico">引用符が全角なのが問題かもしれません。
<link rel="icon" href="/img/favicon.ico">に直してみてください。

（ルートディレクトリにfavicon.icoを置く場合はコードを書かなくても大丈夫だったりします。）

投稿2021/06/03 23:45

dit.

総合スコア3235

TMTN

2021/06/03 23:55

変更してみましたが、変化ありません。一番上の階層に置いて以下のようにしましたがダメでした。。 --------------------------------------------------- <link rel="icon" href="/favicon.ico"> ---------------------------------------------------

dit.

2021/06/03 23:58

キャッシュの削除やスーパーリロードも試してみてください。

TMTN

2021/06/04 00:31

どちらも試してみましたが変化なしでした・・

dit.

2021/06/04 00:38

表示されてるHTMLと同じ階層に置いて<link rel="icon" href="favicon.ico">と記述した場合は読み込まれますか？また、普段使っているブラウザと違うものを使った場合もお試しください。

TMTN

2021/06/04 00:46

以下のようにしたら表示されました。 --------------------------------------------------- <link rel="icon" href="favicon.ico"> --------------------------------------------------- 不要n「/」が含まれていたようです。ご回答いただきありがとうございました。助かりました。

dit.

2021/06/04 00:59 編集

階層が違うHTMLだとその部分を書き換えなくてはいけなくなってしまいますので、絶対参照にするか、ルートディレクトリにfavicon.icoを配置して<link rel="icon" href="favicon.ico">を消すかで対処できるかもしれません。ローカルでのテスト時は後者のやり方は表示されないかもしれませんのであしからず。（別の階層にHTMLを置く可能性が無かったり、書き換えが苦じゃなければ問題はないのですが）

TMTN

2021/06/04 01:03

畏まりました。ご教示いただきありがとうございました。

行動規範の内容に同意します