Анита Романова
Анита Романова | Репутация: 100 (Кандидат) 18 апреля 2009 в 16:28
Как вставить графическую иконку(пример:@-mail.ru,Я-yandex.ru,B-vkontakte.ru)в адресную строку, перед адресом страницы?
Поделиться | 
Дмитрий Носков
Дмитрий Носков | Репутация: 131 (Кандидат) 18 апреля 2009 в 19:47

<link rel="icon" href="/favicon.ico" type="image/x-icon" />, где

  • rel может содержать и «shortcut icon» (при этом Microsoft Internet Explorer будет реагировать на строку «shortcut icon», а браузеры, соответствующие стандартам — на слово «icon»)
  • href содержит абсолютный или относительный URI к файлу (в Mozilla Firefox 3.0, например, поддерживаются те же URI, что и с тегом img).
  • Формат файла может быть любой (например, в Mozilla Firefox — как у img), но Internet Explorer допускает только формат ICO. При этом атрибут type должен содержать MIME-тип формата (например, image/png для PNG).

Взято тута

Николай Волков
Николай Волков | Репутация: 226 (Кандидат) 19 апреля 2009 в 11:37

Дополню предыдущий ответ, чтоб разобрались даже новички.
В коде веб-страници между открывающим и закрывающим тегом заголовка, т.е. между тегами <head> и </head>, и, желательно, после тегов <title></title>. Следует вставить следующий код:
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"><link rel="icon" type="image/x-icon" href="favicon.ico">
А саму картинку  favicon.ico положить в корневую папку. Если не хотите или не можете добавить картинку favicon.ico, то можно вставить следующий код:
<link rel="icon" href="http://***.ru/favicon.ico" type="image/x-icon"/><link rel="shortcut icon" href="http://***.ru/favicon.ico" type="image/x-icon"/>
, где http://***.ru/favicon.ico это путь на любой сайт в интернете. Если вам понравилась иконка на любом сайте, то можете её себе отдельно увидеть и скопировать добавив к имени сайта  "/favicon.ico" без кавычек. Например, понравилась иконка у сайта http://www.yandex.ru, чтоб увидеть её отдельно нужно набрать в адресной строке http://www.yandex.ru/favicon.ico

Лариса Мельникова
Лариса Мельникова | Репутация: 319 (Кандидат) 19 апреля 2009 в 22:36

только помните, что копировать чужие иконци незаконно и некрасиво. Лучше поставте иконку из популярных общедоступных (наберите "иконки скачать бесплатно" в ya.ru или goodle.ru, например http://art-apple.ru/thumbnails.php?album=51), еще интересней будет, если вы её откорректируете или нарисуете сами.
Это как минимум странно, когда у десятка сайтов одна и та же иконка:)
PS Кстати, если вам еще что-нибудь понадобится из популярных приемов ваших любимых сайтов, то можно просмотреть код страницы (а еще поможет, если вдруг не удастся вспомнить синтаксис, такое тоже случается). В Mozilla Firefox для этого нужно нажать Ctrl+U.
Например, в коде сайта Интуита есть строки:
...
<meta name="keywords" content="бесплатное образование дистанционное
образование обучение дополнительное образование профессиональнаяпереподготовка повышение квалификации второй диплом второе высшееобразование e-learning INTUIT"/>
<link rel="shortcut icon" href="/favicon.ico" /><link href="/ssi/index-style.css" type="text/css" rel="stylesheet">...