Question

我正在上课，我们的任务是建立一个网页。创建页面一切顺利，但我很难在浏览器标签上找到图标。

他指示我们从我们的某个文件夹中获取图标

这是他的指示

＆＃34;请注意，为了显示您的图标，请在html head部分插入此行＆＃34;

<link rel="shortcut icon" href="images/favicon.ico" type="favicon/ico" />

＆＃34;假设您的公司图标位于文件夹图像＆＃34;

中

我尝试过很多变化，但它不会起作用。

我的名字叫做favicon（1）.ico

这是我的一次尝试

        <link rel="shortcut icon" href="/favicon(1).ico" type="image/x-icon" />

这是另一个。

<link rel="shortcut icon" href="images/favicon(1).ico" type="favicon/ico" />

我的桌面上有一个名为＆＃34;问题1＆＃34;在该文件夹中，我有我的该文件的HTML文件和另一个名为＆＃34; images＆＃34;的文件夹。在＆＃34;图像＆＃34;文件我有＆＃34; favicon（1）.ico图标。

有没有办法可以从我的文件夹中取出该图标并将其放入我的代码中？

Answer 1

这是我在需要配置图标时使用的代码段：

<!-- for FF, Chrome, Opera -->
<link rel="icon" type="image/png" href="/assets/favicons/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/assets/favicons/favicon-32x32.png" sizes="32x32">

<!-- for IE -->
<link rel="icon" type="image/x-icon" href="/assets/favicons/favicon.ico" >
<link rel="shortcut icon" type="image/x-icon" href="/assets/favicons/favicon.ico"/>

这应该可以正常工作。

您需要在FF，Chrome和Opera中使用.png，并支持2种分辨率，适用于不同的设备和屏幕分辨率。

IE需要.ico图像并且需要rel为＆＃34; icon＆＃34;和＆＃34;短片图标＆＃34;，不要问我为什么，IE总是有点像我们都知道的那样：D

Answer 2

尝试：

<link rel="shortcut icon" href="favicon(1).ico">

或者这个（对于Mozilla）

<link href="favicon(1).png" rel="icon" type="image/png" />

可以是.png或.ico

HTML - 将图标添加到浏览器选项卡

2 个答案: