在网页源中找不到favicon

Her*_*der 16 html css favicon

也许是一个愚蠢的问题,但对于我的生活,我找不到这个网站上的favicon"ico"文件的引用:

http://www.fitnessutah.com/

它们显然有一个,因为它显示在浏览器选项卡/窗口中.我尝试过Chrome开发者工具,网络标签显示页面上的所有图片 - 但也没有图标.它隐藏在哪里?

Rya*_*yan 18

它似乎确实被拉入了不同的位置,但它通常始终位于默认位置 - 这个位置也是如此.

http://www.fitnessutah.com/favicon.ico


Car*_*lla 7

有两种方法可以为网站指定网站图标:

1)给link收藏夹一个图标

<link rel="icon" type="image/png" href="/somepath/favicon.png" />
Run Code Online (Sandbox Code Playgroud)

2)将其放在预定义的URL中,这是相对于服务器根目录的。因此,在这种情况下将为http://www.fitnessutah.com/favicon.ico

该网站似乎正在使用第二种方法,因此您可以在该链接中找到收藏夹图标。


Kei*_*ons 5

您无需在link您的收藏夹图像上添加元素即可将其显示在您的网站上。

Quote:用于指定收藏夹图标的第二种方法依赖于使用预定义的URI标识图像:“ / favicon”,它相对于服务器根目录。

资料来源:http : //www.w3.org/2005/10/howto-favicon


css*_*hus 5

除了 Keir 和 Carlos 的答案之外 - 拼写出来 - 大多数浏览器都被编程为也在此处查找网站图标:

http://yourwebsitename.com/favicon.ico
Run Code Online (Sandbox Code Playgroud)

如果图标图像的命名/存储方式如上,则无需在 HTML 代码中提及。

因此,如果您正在查看某个网站,但在 HTML 源代码中找不到对其图标的任何引用,只需在浏览器地址栏中输入该网站的基本 URL,然后输入/favicon.ico

http://example.com/favicon.ico
Run Code Online (Sandbox Code Playgroud)

现实生活中的例子 - 尝试在源代码中找到图标:

http://www.fuelly.com/favicon.ico