Question

我想要插入我的网页的我的图标不起作用。有人能告诉我插入它需要的代码和样式吗？

<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>

Answer 1

要在您的网站上放置Favicon，您可以在<head>标记

中使用以下内容

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

您需要确保图标的路径正确。如果路径不正确，则不会出现。我也看到了缓存问题，使得图标似乎无法正常工作。清除缓存后，始终尝试重新启动浏览器。

Answer 2

您的图标很可能有错误路径。确认您的文件路径。尝试使用

href="favicon.ico"

而不是

href="/favicon.ico"

也许它会奏效。或者，如果您在某些文件夹中有图标，例如 images

href="images/favicon.ico"

你做对了，但如果你有坏路径， icon 将不会出现。

因此，您的CSS有效，如果您的图标位于同级别，例如CSS文件，请删除/工作

Answer 3

如果使用 Chrome：清除缓存，关闭 Chrome，然后重新启动。正是它帮助了我。

Answer 4

有时 forced reload 可以解决问题。您需要重新加载浏览器的缓存。

火狐：ctrl + shift + R
Chrome：ctrl + 右键单击 Chrome 的重新加载按钮
Edge：与 Chrome 相同，或 ctrl + F5

其他组合可以在上面提供的链接中找到。

Answer 5

制作 PNG 文件
将其设置为 index.html 页面中的图标，以便覆盖缓存：

它有效。

Favicon不工作

5 个答案: