|
Более привлекательные закладки - использование иконок сайтаПоследней темой, которая будет здесь рассмотрена, являются ярлыки или иконки сайтов (favicons). Это небольшие изображения с форматом файлов.ico — если поместить один из них на своем Web -сервере, можно использовать его для вывода небольшой иконки рядом с записью о Web -сайте в списке закладок посетителя, как показано на рисунке 52.3: Рис. 52.3. Иконки рядом с закладкой облегчают запоминание сайта. Можно добавить одну из них, используя мета-элемент shortcut-icon. Самым большим препятствием для добавления ярлыка является создание его в правильном формате, так как не все графические пакеты поддерживают создание формат ico. Одной из возможностей является использование свободно доступного онлайнового инструмента genfavicon (http://www.genfavicon.com/). Когда вы получите файл иконки, то для добавления достаточно использовать мета-элемент со значением rel равным "Shortcut Icon", как показано в следующем примере (favicon -example. html): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 1//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head> <title>Shortcut Icon example</title> <link rel="Shortcut Icon" href="favicon.ico" type="image/x-icon"></head><body> <h1>Example of a shortcut icon</h1></body></html>Если открыть этот документ в браузере, он должен показать иконку Opera рядом с адресом в панели адреса браузера. Если поместить его в закладки, та же иконка появится рядом с закладкой. Заключение На этом заканчивается лекция, и рассмотрение раздела head документа HTML. Существуют еще вопросы, которые можно было бы рассмотреть, но они относятся к достаточно сложным темам, и часто не приносят пользы — все, что было рассмотрено здесь и в "Элемент HTML head", содержит все, что нужно для успеха. В этой лекции было рассмотрено: · Определение отношений документов с помощью атрибутов rel и rev в элементах link · Соединение с альтернативными версиями того же самого документа, такими как трансляции или каналы · Добавление к документам иконок-маркеров, которые выводятся в закладках и на вкладках браузера Контрольные вопросы · Почему имеет смысл определять ссылочные отношения, хотя они и не выводятся? · Как соединиться со страницей поиска? · Какая польза от предложения канала посетителям сайта? Какое значение rel используется для соединения с каналом? · Что необходимо проверить, когда вы соединяетесь с документами на других языках? · Если открыть примеры документов в текстовом редакторе, то можно найти другие мета-элементы, которые не были здесь рассмотрены с атрибутом content-type и чем-то, названным utf-8. Что такое utf-8? Дополнительный материал 3: Распространенные объекты HTML, используемые для оформления текста Введение Существует ряд объектов HTML, которые будут полезны, когда требуется первоклассное оформление текста. Многие из перечисленных в таблице объектов будут полезны, только когда используются в тексте на иностранном языке (и тексте, записанном на специальных диалектах английского языка), поэтому необходимо принимать во внимание контекст, прежде чем принимать решение об их использовании.С целью переносимости ссылки на объекты Unicode должны быть зарезервированы для использования в документах, которые точно записываются во множествах символов UTF-8 или UTF-16. Во всех других случаях должны использоваться алфавитно-цифровые ссылки.
Отметим, что угловые скобки используются для цитат в некоторых европейских языках (таких как французский и норвежский); в таких ситуациях всегда нужно использовать вместо них элементы q. ЧТО ПРОИСХОДИТ ВО ВЗРОСЛОЙ ЖИЗНИ? Если вы все еще «неправильно» связаны с матерью, вы избегаете отделения и независимого взрослого существования... Живите по правилу: МАЛО ЛИ ЧТО НА СВЕТЕ СУЩЕСТВУЕТ? Я неслучайно подчеркиваю, что место в голове ограничено, а информации вокруг много, и что ваше право... Система охраняемых территорий в США Изучение особо охраняемых природных территорий(ООПТ) США представляет особый интерес по многим причинам... Что делать, если нет взаимности? А теперь спустимся с небес на землю. Приземлились? Продолжаем разговор... Не нашли то, что искали? Воспользуйтесь поиском гугл на сайте:
|