Сдам Сам

ПОЛЕЗНОЕ


КАТЕГОРИИ







Более привлекательные закладки - использование иконок сайта





Последней темой, которая будет здесь рассмотрена, являются ярлыки или иконки сайтов (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. Во всех других случаях должны использоваться алфавитно-цифровые ссылки.

Объекты HTML, полезные для оформления печати, перечисленные в порядке десятичных значений Unicode
Объект Литерал Алфавитно-цифровые значения Значения Unicode Предпочтительный вариант
Цент (валюта) &cent; &#162;  
Фунт (currency) & pound; &#163;  
Параграф (1) &sect; &#167;  
Копирайт &copy; &#169; (c)
Угловые скобки (2) " " &laquo; &raquo; &#171; &#187; &quot;
Зарегистрированная торговая марка &reg; &#174; (R)
Градус &deg; &#176;  
плюс/минус &plusmn; &#177; +/-
Знак абзаца (параграф) (3) & para; &#182;  
Средняя точка (4) x &middot; &#183;  
Дробная половина (5) &frac12; &#188; 1/2
Короткое тире (6, 7) - &ndash; &#8211; - для диапазонов
Длинное тире (7, 8) &mdash; &#8212; - заключенное в пробелы, или --
Одиночные кавычки (9, 10) '' &lsquo; &rsquo; &#8216; &#8217; ' или &apos;
Одиночная нижняя кавычка (11) , &sbquo; &#8218; ' или запятая
Двойные кавычки (9) " " &ldquo; &rdquo; &#8220; &#8221; ", &quot;,", или "
Двойная нижняя кавычка (11) " &bdquo; &#8222; &quot; или,,
Одиночный и двойной знак сноски &dagger; &Dagger; &#8224; &#8225; * и **
Маркер &bull; &#8226; *
Многоточие (12) &hellip; &#8230;
Одиночный и двойной прим (13) ' " &prime; &Prime; &#8242; &#8243; ', ", &apos;, &quot;, minutes:secondselapsed
Знак евро &euro; &#8364;  
Торговая марка &trade; &#8482; (tm)
Приблизительно &asymp; &#8776; ~
Не равно &ne; &#8800; !=
меньше/больше или равно &le; &ge; &#8804; &#8805; <= or>=

Отметим, что угловые скобки используются для цитат в некоторых европейских языках (таких как французский и норвежский); в таких ситуациях всегда нужно использовать вместо них элементы q.







Конфликты в семейной жизни. Как это изменить? Редкий брак и взаимоотношения существуют без конфликтов и напряженности. Через это проходят все...

Что способствует осуществлению желаний? Стопроцентная, непоколебимая уверенность в своем...

ЧТО ПРОИСХОДИТ, КОГДА МЫ ССОРИМСЯ Не понимая различий, существующих между мужчинами и женщинами, очень легко довести дело до ссоры...

ЧТО ТАКОЕ УВЕРЕННОЕ ПОВЕДЕНИЕ В МЕЖЛИЧНОСТНЫХ ОТНОШЕНИЯХ? Исторически существует три основных модели различий, существующих между...





Не нашли то, что искали? Воспользуйтесь поиском гугл на сайте:


©2015- 2024 zdamsam.ru Размещенные материалы защищены законодательством РФ.