Предпочитаемый способ использования значков?

StackOverflow https://stackoverflow.com/questions/6642

  •  08-06-2019
  •  | 
  •  

Вопрос

Раньше я пытался добавить значок на веб-сайт и искал лучший способ реализовать это, чем сбрасывать favicon.ico файл в корне сайта.

Я нашел это милое маленькое руководство: Как добавить фавиконку.Однако предпочтительный метод не работал в IE (7), и второй метод — это старомодный способ (который я смирился использовать).

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

Это было полезно?

Решение

Это то, что я всегда использую:

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

Второй для IE.Первый предназначен для других браузеров.

Другие советы

Вы можете использовать HTML для указания значка, но это будет работать только на страницах, имеющих этот HTML.Лучший способ сделать это — добавить следующее в ваш httpd.conf (Apache):

AddType image/x-icon .ico

Я думаю, что самый надежный метод - это просто добавить favicon.ico файл в корень вашего сайта.

Я не думаю, что метатег нужен, если только вы не хотите вручную переопределить значок по умолчанию, но мне не удалось найти никаких исследований, подтверждающих мой аргумент.

Вот как они это делают прямо здесь, в Stack Overflow:

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

Ну файл находится в корне, поэтому не показывает, работает ли тег или браузер просто получил иконку из обычного места (корня).

Редактировать: Я попробую и посмотрю, сработает ли это.

Редактировать 2: Использование обоих тегов позволяет работать даже с любым именем файла, если файл является значком для IE7:Я попробовал использовать .png файлы, и это работало только с Firefox.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top