Дадыкин Дмитрий
 
     

§ 10. Иконка в закладке и адресной строке браузера.


Дадыкин Дмитрий
http://page.lipetsk.ru/

Было ли у вас желание отобразить свою иконку в закладке браузера или же в адресной строке. Конечно же, было. Так вот, сегодня это желание мы воплотим в жизнь.

Процедура достаточно проста и не потребует от вас чего-то большего, нежели написать строку html-кода и небольшой графический файл.

Для начала давайте с вами разберемся с графическим файлом. Во-первых, изображение должно иметь расширение ico, хотя это и не принципиально. Изображение может иметь и gif, и jpg расширение.

Во-вторых, размер изображения должен быть 16×16 пикселей. Если больше, то размер автоматически перемасштабируется браузером. Количество используемых цветов в иконке не играет значения, дело ваше и здравого смысла.

С файлом разобрались, теперь переступим к написанию кода. Для того, чтобы иконка отображалась в адресной строке и закладках браузера в html-код страницы необходимо вставить такой тег с атрибутами:

<LINK rel="shortcut icon" type="image/x-icon" href="http://www.domen_name.ru/falicon.ico">

Данная строка должна быть вставлена между тегами <HEAD></HEAD>.

Еще очень важный момент, у хостинг-провайдера должен быть выставлен mime-type для иконок. Если у вас имеется возможность редактировать файл .htaccess, то вы можете самостоятельно определить тип, для этого вставьте нижеследующую строку в файл .htaccess.

AddType image/ico ico

Теперь о поддержке браузеров. Скажу то, что протестировал сам. Браузер Mozilla FireFox 1.0.9 отлично поддерживает, мною не выявлено ни одного недочета. В браузере Netscape Navigator 7.0 иногда пропадает иконка в адресной строке. В Internet Explorer 6.0 нормально не отображается, может в последующих версиях будет реализована данная возможность.

Вопросы

У вас возникли вопросы? Прошу на форум. Здесь быстро ответят на ваш вопрос.

А тем временем на форуме

 


© 2003—2007 Дадыкин Дмитрий
Обратная связь

TOP Липецк