it-swarm.com.ru

HTML - добавить значок на вкладку браузера

Я делаю задание для класса, и нам было поручено сделать веб-страницу. Все прошло хорошо при создании страницы, но я изо всех сил пытаюсь получить значок на вкладке своего браузера.

Он поручил нам получить значок из одной из наших папок

Это с его указаний

«Примечание, чтобы показать ваш значок, вы вставляете эту строку в раздел заголовка HTML» 

<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" у меня есть значок "favicon (1) .ico".

Есть ли способ, которым я могу взять этот значок из моей папки и поместить его в мой код? 

5
user3577397

Это фрагмент, который я использую всякий раз, когда мне нужно настроить значок:

<!-- 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"/>

Это должно работать просто отлично.

Вам нужно использовать .png в FF, Chrome и Opera и поддерживать их с 2 разрешениями для разных устройств и разрешений экрана.

IE нужен образ .ico, а rel - это «icon» и «shortcus icon», не спрашивайте меня, почему, IE всегда немного странно, как мы все знаем: D

9
RenokK

Пытаться:

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

или это (для Mozilla)

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

Это может быть .png или .ico

1
arenaq