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

Question

我正在上课,我们的任务是创建一个网页.一切顺利,创建页面,但我很难在浏览器选项卡上获取图标.

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

这是他的指示

"请注意,为了显示您的图标,请在html head部分插入此行"

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

"假设您的公司图标位于文件夹图像中"

我尝试了很多变化,但它不起作用.

我叫做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" />

我的桌面上有一个名为"问题1"的文件夹,在该文件夹中我有我的HTML文件和另一个名为"images"的文件夹.在"images"文件中,我有"favicon(1).ico图标.

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

Answer 1

这是我在需要配置favicon时使用的Snippet:

<!-- 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为"icon"和"shortcus icon",不要问我为什么,IE总是有点像我们都知道的那样:D