web-dev-qa-db-ja.com

HTMLファビコンはGoogleで表示されませんchrome

未公開で開始したばかりのHTMLページを作成しています。最初にしたかったのは、タイトルの横に表示するファビコンを追加することでした。 Google chromeを使用していますが、他のWebサイトにはブラウザのタイトルの横に表示されるファビコンがありますが、表示されません。私はファビコンが初めてです。サイトは、siteという名前のデスクトップ上のフォルダーにあります。これはコードです：

<!DOCTYPE html>
<html> 
    <head>
        <title></title>
        <link rel="shortcut icon" href="favicon.ico" />
    </head>
    <body>
    </body>
</html>
htmllinksfavicon
3
Nick

私があなたをよく理解していれば、あなたのウェブサイトはあなたのコンピューターのウェブサーバーにありませんか？このfile:///C:/Users/Me/Desktop/mysite.htmlのようなものでサイトにアクセスしている場合は、ウェブサーバーにアクセスしていないため、このhttp://localhost/mysite.htmlのようなものでサイトにアクセスする必要があります。

理由は、あなたのサイトがウェブサーバー環境にないとき、Chrome縫い目がファビコンファイルの読み込みに問題があるためです（理由は聞かないでください、本当にわかりません）。デスクトップのChromeでページをテストしたところ、動作しません。その後、ローカルホストWebサーバーでテストし、動作します。

あなたがウェブサーバーに精通していないなら、Windows WAMPサーバー 。にいるならこれをお勧めします。それをインストールする方法についての情報があるはずです（実際にはとても簡単です）。その後、Webサーバーの「パブリックhtmlフォルダー」（この場合はC:/wamp/www/）にWebサイトのファイルを配置し、http://localhost/を使用してWebサイトにアクセスできます。

がんばろう ：）

5
WiMantis
<link href="favicon.ico" rel="shortcut icon" />

これを試して。

また、正しい場所を指していること、およびアイコンファイルが他のブラウザで表示できることも確認してください。

他のブラウザーにも表示されない場合は、有効な.icoファイルがないか、間違った場所を指している可能性があります。

0
riseagainst