ファビコンが表示されません。

コード
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="練習.css">
  <link rel="stylesheet" href="reset.css">
  <link rel= "icon" type= "/image/favicon.ico" href="business_man1_1_smile.png">
  <title>練習</title>
</head>
```ファビコンが表示されされません。
画像は同じフォルダーの中に入っています。

thyda.eiqau

2021/02/17 06:55

ご質問は何ですか？

momo429

2021/02/17 07:03

ファビコンが表示されないので、その原因と正しい表示のさせ方が知りたいです。

m.ts10806

2021/02/17 07:32 編集

"/image/favicon.ico" typeに最初のスラッシュ必要だったかな。コンソールにエラー出てませんか？ pngを指定したいのにico？何を参考に書きましたか？

m.ts10806

2021/02/17 07:33

質問は編集できます。あとコードはマークダウンのcode機能にてご提示ください

m.ts10806

2021/02/17 08:01

あと、動作確認に利用したブラウザとバージョンその他のブラウザではどうだったか

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

回答2件

ベストアンサー

html
1<!-- 誤 --><link rel= "icon" type= "/image/favicon.ico" href="business_man1_1_smile.png">
2<!-- 正 --><link rel= "icon" type= "image/png" href="business_man1_1_smile.png">

type属性は画像の種類を指定するためのものなので、書き方が違います。

投稿2021/02/17 07:30

dit.

総合スコア3235

momo429

2021/02/17 07:38

添付されていた正しいコードをVScodeにコピペし、ブラウザを更新してみましたが、やはり表示されません。

dit.

2021/02/17 07:47

念のため確認ですが、ファビコンの画像は「business_man1_1_smile.png」ですか、それとも「favicon.ico」ですか。（ルートディレクトリにfavicon.icoがあればそれを自動的に認識してくれるかもしれません。）また、business_man1_1_smile.pngを表示させたかったとして、business_man1_1_smile.pngに直接アクセスした場合は画像が表示されますか？

momo429

2021/02/17 11:47

すみません。もう一度ブラウザにタブを貼り付け直したら表示されました丁寧な回答どうもありがとうございました。

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