3

是否有可能有这个代码：

<link rel="icon" href="icon.gif" />

使用css文件？

（我宁愿不必通过并将其添加到每个页面）并且是否可以使用 css 设置页面标题（我不会使用它，因为所有页面都有不同的标题，但仅用于一般信息）

4

5 回答 5

12

您不能使用 CSS 设置网站图标...。您需要使用值为 的link标签。relshortcut icon

为了设置它，您需要将以下字符串放在<head>标签之间。

<link rel="shortcut icon" href="favicon.ico" /> 
                                   -----^-----
             <!--Remember to have .ico as the extension else 
                 some browsers fail to load other extensions -->

如果 IE 无法加载您的 favicon，您还需要在此处指定 type 属性type="image/x-icon"，如果加载正常，您可以忽略该type属性。

于 2013-07-05T04:55:33.580 回答
3

你不能使用 CSS 来完成它只能通过插入来完成

<link rel="icon" href="icon.gif" />

正如您在上面所描述的.. CSS 用于格式化页面中的一些文本/图像等，并且在图标中没有任何可格式化的内容让我猜猜您是否正在处理许多页面，您可能有一个博客或一个脚本要生成页面只需在其中添加这行文本..您可以随时更改每个页面的图标，只需更改图标本身...:)

于 2013-07-05T05:06:33.640 回答
0

您不能从 CSS 设置网站图标 - 如果您想明确地执行此操作，您必须按照您的描述在标记中执行此操作。

然而，大多数浏览器会在网站的根目录中查找 favicon.ico 文件 - 因此，如果您访问http://example.com，大多数浏览器会自动查找http://example.com/favicon.ico。

于 2013-07-05T04:55:36.837 回答
0 
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

在 href 中，您必须传递图像 url。

于 2019-06-24T12:29:50.233 回答
-4

这是 .ico 和 .gif 图像的组合

<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" type="image/gif" href="animated_favicon1.gif">
于 2013-07-05T04:59:48.160 回答