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

Как написать код, в котором значок компании отображается слева рядом с URL-адресом в адресной строке браузера?

Ответов (6)

Решение

Вы ищете Favicon .

В современных браузерах работают и другие форматы файлов, кроме .ico. Вы даже можете поместить туда анимированные гифки!

загружает www.whateveryouron.com/favicon.ico

если ваш домен - robermyers.com, просто поместите значок favicon.ico 16px, который доступен, и вы будете как кремень. просто попробуйте эти googles или stackoverflows

загрузить на веб-сервер файл с именем favicon.ico

Вам нужно создать фавикон. В значке используется стандартный (по крайней мере, в Windows) файл .ico. Если у вас есть логотип, вы можете преобразовать его на таких сайтах, как http://www.favicongenerator.com/.

На <head> своей html-странице используйте <link> тег для определения местоположения значка следующим образом:

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

Возможно, вам потребуется обновить страницу для отображения значка.

В DynamicDrive также есть простой инструмент для создания значков .

Различные страницы / каталоги также могут вызывать другой .ico с кодом, похожим на пример y0mbo (это то, что использует Mint):

<link href="sc/ph645.43/images/icons/mint.ico" rel="icon" type="text/x-icon" />

Это хорошая статья о значках в деталях.

Я подозреваю, что анимированные значки могут пойти по пути блинк-тега. Mint использует их, чтобы соответствовать их общему дизайну, если вы зайдете в FF3, вы увидите, что он соответствует зеленому цвету, который FF использует для обозначения распознанного сертификата SSL.