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

Question

我正在为课程做作业，我们的任务是制作网页。创建页面都很顺利，但我努力在浏览器选项卡上获取图标。

他教导我们从文件夹

这是从他的方向

之一得到图标“注意，以显示你的图标，你在你的HTML头中插入此行”

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

“假设你的公司图标的文件夹中的图像”

我试过的许多变化，但它不会工作。

矿被称为图标（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" /> 

我有我的桌面上名为“问题1”的文件夹和该文件夹中我对这个assignent和所谓的“图像”的另一个文件夹我的HTML文件。在“图片”文件我有“图标（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图像和需要相对是“图标”和“shortcus图标”，不要问我为什么，IE总是有点wierdo的，因为我们都知道：d

Answer 2

尝试：？

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

或该（为Mozilla）

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

可以png格式或.ico