Опубликован: 02.03.2009 | Уровень: для всех | Доступ: платный | ВУЗ: Волгоградский государственный университет
Лекция 2:

Язык гипертекстовой разметки HTML

Логические стили

При использовании логических стилей автор документа не может знать заранее, что увидит на экране читатель. Разные браузеры интерпретируют одни и те же тэги логических стилей по-разному. Некоторые браузеры игнорируют некоторые тэги вообще и показывают обычный текст вместо выделенного логическим стилем.

Речь идет о структурной разметке, которая не влияет на конкретное экранное представление фрагмента браузером. Поэтому такая разметка и называется логической. Фрагменты с логическим форматированием браузеры отображают на экране определенным образом, заданным по умолчанию. Вид отображения никак не связан со структурным типом фрагмента (т. е. именем тэга логического форматирования), но может быть легко переопределен.

Тэги логического форматирования обозначают структурные типы текстовых фрагментов, такие, например, как программный код (тэг <code> ), цитата (тэг <cite> ), аббревиатура (тэг <abbr> ) и т. д.

Самые распространенные логические стили:

<em> ... </em> - от английского emphasis — акцент. Используется для выделения важных фрагментов текста. Браузеры обычно отображают такой текст курсивом.

Пример выделения <em> отдельных слов</em> текста

<strong> ... </strong> - от английского strong emphasis — сильный акцент. Используется для выделения важных фрагментов текста. Браузеры обычно отображают такой текст полужирным шрифтом.

Этот фрагмент <strong> очень важен </strong>

<code> ... </code> - рекомендуется использовать для фрагментов исходных текстов. Отмечает текст как небольшой фрагмент программного кода. Как правило, отображается моноширинным шрифтом. Пример:

<code>Response.Write("Hello, World!")</code>

<samp> ... </samp> - от английского sample — образец. Отмечает текст как образец. Рекомендуется использовать для демонстрации образцов сообщений, выводимых на экран программами. Для выделения используется моноширинный шрифт.

Результат работы программы: <samp>Hello, World!</samp>

<kbd> ... </kbd> От английского keyboard — клавиатура. Рекомендуется использовать для указания того, что нужно ввести с клавиатуры. Обычно отображается моноширинным шрифтом.

Введите с клавиатуры:
<kbd>Hello, World!</kbd>

<var> ... </var> От английского variable — переменная. Рекомендуется использовать для написания имен переменных. Обычно такой текст отображается курсивом.

Объявите переменную <var>a</var>

Использование логического форматирования предпочтительнее, так как с применением принципа отделения структуры документа от его представления можно гибко управлять визуализацией документа, используя, например, таблицы стилей. Эта технология позволяет, в частности, создавать представления одного и того же документа для полнофункционального PC-браузера, браузера карманного компьютера, сотового телефона и т.п., а также позволяет пользователю самостоятельно выбирать схему цветового и шрифтового оформления документа. Кроме того, использование логического форматирования позволяет вставлять документы с одного сайта в другой, применяя к ним новое оформление.

Тэг <div>

Тэг-контейнер <div> является элементом уровня блока, служащим для выделения фрагмента документа. Целью этого выделения является управление параметрами данного фрагмента, которое обычно выполняется с помощью назначения стилей.

<div style="color: green">
(Фрагмент документа)
</div>

В этом примере фрагмент HTML-документа обрамляется тэгами <div> и </div> для задания некоторых его свойств. В данном случае все текстовые элементы выделенного фрагмента будут отображаться зеленым (green) цветом. Аналогом тэга <div> уровня текста является элемент <span>.

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

Комментарии

В HTML-документ можно включать комментарии, которые не будут видны читателю. Они могут состоять из произвольного числа строк и должны начинаться тэгом <!-- и заканчиваться тэгом -->. Все, что заключено внутри этих тэгов, при просмотре страницы не будет отображаться на экране.

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

Специальные символы

Некоторые специальные символы не входят в базовую часть таблицы кодов ASCII. К ним относятся буквы алфавитов части европейских языков, математические и некоторые другие символы. В таких случаях следует включать нужные символы в HTML-документ при помощи специальных кодов. Эти коды состоят из символа амперсанда (&) и следующим за ним именем символа или его десятичным или шестнадцатеричным значением. Заканчиваться специальный символ должен знаком "точка с запятой".

В спецификации HTML приводятся целые таблицы со специальными символами и их значениями. На сегодняшний день браузеры распознают лишь небольшое количество специальных символов (табл. 2.4).

Таблица 2.4. Спецсимволы HTML
Запись специального символа Назначение
&lt <
&gt >
&nbsp Неразрывный пробел
&copy ©
&amp &
&quot "

Все символами могут быть также заданы своими кодами. Например, символ неразрывного пробела имеет код 160. Он может записываться в десятичном виде как &#160;.

Борис Селезнёв
Борис Селезнёв
Россия, Санкт-Петербург
Alex James
Alex James
Соединенные Штаты