web-dev-qa-db-ja.com

ファビコンが機能しない

Webページに挿入しようとしているファビコンが機能しません。誰かが私にそれを挿入するために必要なコードとスタイルを教えてもらえますか？

<html>
    <head>
        <title>Welcome to Crash - Login or Signup</title>
        <link rel="stylesheet" type="text/css" href="crash_styling.css"></link>
        <link rel="icon" href="/favicon.ico" type="image/x-icon">
        <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">      
    </head> 

    <body  link="#336666" alink="red" vlink="red">

        <div id="header_title">
            <h1 id="title">crash</h1>
            <p id="motto">Keep track of all your assignments and projects.</p>
        </div>  

        <form name="input" action="html_form_action.asp" method="get" id="user_passEntry">
            Username:<input type="text" name="username" placeholder="Your Username" /> <br />
            Password:<input type="password" name="password" placeholder="Your Password" />
            <input type="submit" value="submit">
        </form>

        <p id="description">Crash is a way students can keep track of their projects and assignments on the computer or on their devices. With crash, you can be sure you'll never turn in something late again.</p>

                <div class="make"><a href="crash_styling" style="text-decoration:none"/>Make a New Assignment</div>
                <div class="edit"><a href="crash_styling" style="text-decoration:none"/>Edit an Assignment</div>
                <div class="check"><a href="crash_styling" style="text-decoration:none"/>Check off an Assignment</div>
    </body> 

</html>
htmlfavicon
14
th3w01f98

サイトにファビコンを配置するには、<head>タグで次を使用します

<link rel="shortcut icon" href="http://yourwebsitepath/favicon.ico" />

アイコンのパスが正しいことを確認する必要があります。パスが正しくない場合は表示されません。アイコンが機能していないように見えるキャッシュの問題も見ました。キャッシュをクリアした後は、常にブラウザを再起動してください。

24
Taryn

おそらくあなたはiconへのbad pathを持っています。 ファイルパスを確認します。使ってみる

href="favicon.ico"

の代わりに

href="/favicon.ico"

多分それはうまくいくでしょう。または、一部のフォルダにアイコンがある場合imagesなど

href="images/favicon.ico"

あなたはそれを正しくやっていますが、もしbad pathがあれば、iconは現れません。

だからあなたのCSSは機能し、あなたのiconがオンなら同じレベルCSSファイルのように削除する/と動作するはずです。

2
Simon Dorociak