Html 法维康不工作_Html_Favicon

Html 法维康不工作

html

Html 法维康不工作,html,favicon,Html,Favicon,我试图插入到网页中的图标不起作用。有人能告诉我插入它需要的代码和样式吗 <html> <head> <title>Welcome to Crash - Login or Signup</title> <link rel="stylesheet" type="text/css" href="crash_styling.css"></link> <link rel="

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

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


欢迎使用崩溃-登录或注册
崩溃
跟踪您的所有任务和项目
用户名：

密码：
崩溃是学生在计算机或设备上跟踪其项目和作业的一种方式。有了crash，你可以确信你再也不会迟到了
布置新任务
编辑作业
核对作业

要在站点上放置Favicon，您可以在

标签中使用以下内容

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

您需要确保图标的路径正确。如果路径不正确，它将不会出现。我还看到了缓存问题，这使得图标似乎不起作用。清除缓存后，请始终尝试重新启动浏览器

很可能您的图标路径不正确。确认您的文件路径。尝试使用

href="favicon.ico"

而不是

href="/favicon.ico"

也许它会起作用。或者，如果您在某个文件夹中有图标，例如在图像中

你们做得很好，但若你们的路径不好，图标就不会出现

因此，您的

CSS

可以工作，如果您的图标与

CSS

文件处于同一级别，那么删除

应该可以工作

制作一个PNG文件

将其设置为index.html页面中的favicon，以便覆盖缓存：

它可以工作。

如果使用Chrome：清除缓存，关闭Chrome，然后重新启动。这就是帮助我的原因。

有时可以解决问题。您需要重新加载浏览器的caché内存

Firefox:ctrl+shift+R
Chrome:ctrl+右键单击Chrome的重新加载按钮
边缘：与Chrome相同，或ctrl+F5

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

html。当然，CSS没有任何共同点。你确定你必须使用绝对路径

href=“/favicon.ico”

而不是

href=“favicon.ico”

？@Teneff谈论这个“绝对路径”，这是什么意思？

在这里做什么？@poepje这意味着如果你像

http://localhost/a/b/c/d/e/

相对路径将查找

http://localhost/a/b/c/d/e/favicon.ico

和

http://localhost/favicon.ico

它在使用绝对url时有效，但不适用于从我的项目文件夹中的本地主机工作的情况谢谢！！对我来说，这可能是缓存。这应该记录在某个地方！！！！除非有人知道这是缓存，否则很难弄清楚。：）对我来说，在Chrome上的localhost中，即使是匿名的favicon也不会显示。然后，我在firefox上进行了测试，它可以正常工作。

href="images/favicon.ico"