我可以通过哪些方式将 FAVICON 放入我的网站?

发布于 2024-08-02 00:33:22 字数 355 浏览 9 评论 0原文

我在网上浏览不同网站将其网站图标放入网站的方式。 每当我尝试自己做这件事时,我都会“黑客攻击”,直到它突然决定起作用。

我想我这里有两个问题合而为一。

  1. 该网站如何添加其网站图标? - http://www.fbd.ie

    我在其页面源代码中找不到 favicon.ico。

  2. 除了包含 之外,如何包含 favicon?

I was looking around the web at the way different sites put their favicon into the site. Whenever I try to do it myself I end up "hacking" until it just suddenly decides to work.

I suppose I have 2 questions in one here.

  1. How is this site adding it's favicon? - http://www.fbd.ie

    I can't find favicon.ico in it's page source.

  2. Apart from including <link rel="shortcut icon" href="/favicon.ico">, how can I include a favicon?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

攀登最高峰 2024-08-09 00:33:22

添加 favicon 最简单的方法就是将名为 favicon.ico 的文件放入网站的根目录中。

浏览器会自动找到它。

您还可以专门放入 标记。 其中任何一个都可以:

<link rel="icon" type="image/vnd.microsoft.icon" href="http://example.com/image.ico">
<link rel="icon" type="image/png" href="http://example.com/image.png">
<link rel="icon" type="image/gif" href="http://example.com/image.gif">

编辑:我发现你已经知道了。 :D

The easiest way to add a favicon is to simply put a file named favicon.ico into the root directory of your web site.

Browsers will find it automatically.

You can also specifically put in a <link> tag. Any of these will work:

<link rel="icon" type="image/vnd.microsoft.icon" href="http://example.com/image.ico">
<link rel="icon" type="image/png" href="http://example.com/image.png">
<link rel="icon" type="image/gif" href="http://example.com/image.gif">

Edit: I see you knew that already. :D

无语# 2024-08-09 00:33:22
  1. 它可能只是在网站的根目录中有一个名为 favicon.ico 的文件。 大多数浏览器默认情况下都会查看那里,无论是否有 标记。
  2. 请参阅#1 的答案。
  1. It probably just has a file called favicon.ico in the root directory of the website. Most browsers will just look there by default regardless of if there is a <link> tag or not.
  2. See answer to #1.
泪冰清 2024-08-09 00:33:22

您所要做的就是将该文件包含在站点的根目录中。 浏览器被设计为自动请求这一点 - 如果您没有这样的请求,您将在网络日志中看到大量对其进行 404ing 的请求!

来自维基百科:

定义a的原始方法
favicon,在互联网上引入
Explorer 4,是通过放置一个文件
根目录中名为 favicon.ico
Web 服务器的目录。 这个会
然后自动在互联网上使用
探索者的最爱(书签)
展示。 然而后来又出现了一个更
使用 HTML 创建灵活的系统
指示图标的位置
对于任何给定的页面。 详情如下,
这是通过添加链接来实现的
元素到该部分
指定类型的文档
图像文件及其位置。 在
这样任何由
可以使用标准。

重点是您不必在 HTML 标记或任何其他资源文件中执行任何操作。 只需将文件转储到根目录即可。

All you have to do is include the file in the root of your site. Browsers are designed to request this automatically - you will see a large number of requests for it 404ing in your web logs if you don't have one!.

From wikipedia:

The original means of defining a
favicon, introduced in Internet
Explorer 4, was by placing a file
called favicon.ico in the root
directory of a web server. This would
then automatically be used in Internet
Explorer's favorites (bookmarks)
display. Later, however, a more
flexible system was created using HTML
to indicate the location of an icon
for any given page. As detailed below,
this is achieved by adding a link
element to the section of the
document which specifies the type of
the image file and its location. In
this way any image file defined by the
standard may be used.

The salient point is that you don't have to do anything in your HTML mark-up or any other resource file. Just dump the file in the root.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文