Главная > Обзор HTML
Как добавить иконку к ярлыку веб-страницы
Иконки ярлыков являются новой функцией в Microsoft Internet Explorer 5, которая позволяет Вам отображать Ваш логотип или какой-либо другой небольшой рисунок в меню "Избранное" или в строке адреса. Они не требуют специальной поддержки сервером и являются мощным средством для создания узнаваемости бренда без необходимости пользователю скачивать специальную версию Internet Explorer 5. На следующем рисунке показаны иконки ярлыков для MSN.com в меню "Избранное" и строке адреса Internet Explorer 5.
Эта статья в трех следующих этапах описывает как использовать иконки ярлыков:
Создание иконки правильного размера
Для Internet Explorer 5 требуемый размер иконки ярлыка составляет 16х16 пикселей. Для создания иконки пользуйтесь редактором иконок, таким как включенный в Microsoft Visual Studio, или каким либо другим. Независимо от используемой программы, убедитесь, что Вы настроили редактор на создание иконок 16х16 пикселей, в противном случае иконка будет проигнорирована Internet Explorer'ом.
Связывание иконки с Вашей веб-страницей
После создания иконки Вам необходимо связать ее с Вашей веб-страницей. Первый вариант - это сохранить иконку с именем файла по умолчанию favicon.ico в корневой директории домена, например www.microsoft.com/favicon.ico. Каждый раз когда Ваше веб-страница добавляется в меню "Избранное", Internet Explorer автоматически ведет поиск этого файла и вставляет иконку около всех избранных и быстрых ссылок с Вашего сайта.
Также Вы можете связать иконку с Вашей веб-страницей путем сохранения иконки с другим именем файла, отличным от favicon.ico и добавления строчки кода HTML в секции HEAD Вашего веб-документа. Строка кода включает тег LINE, определяющий местоположение и имя файла с иконкой. Вы можете включить этот тег LINE на главную страницу.
| <HEAD> <LINK REL="SHORTCUT ICON" HREF="http://www.mydomain.com/myicon.ico"> <TITLE>My Title</TITLE> </HEAD> |
Иконка ярлыка может появиться у пользователя в меню "Избранное" и в строке адреса только если пользователь добавит Вашу страницу в "Избранное". На Вашей странице Вы можете добавить кнопку или ссылку, приглашающую пользователя добавить Вашу страницу. Воспользуйтесь следующим кодом для экспериментирования с этой возможностью.
| <SCRIPT> <!-- if ((navigator.appVersion.indexOf("MSIE") > 0) && (parseInt(navigator.appVersion) >= 4)) { var sText = "<U><SPAN STYLE='color:blue;cursor:hand;'"; sText += "onclick='window.external.AddFavorite(location.href,"; sText += "document.title);'>Add this page to your favorites</SPAN></U>"; document.write(sText); } //--> </SCRIPT> |
По материалам сайта Microsoft
