4.2 Форматирование символов

Теги форматирования символов подразделяют на две группы: теги физического форматирования (типографские элементы), с помощью которых можно прямо указать, что шрифт на некотором участке текста должен быть жирным или наклонным, и логического форматирования (идиоматические элементы), применяя которые мы меняем логический стиль, оставив интерпретацию этого стиля браузеру. Все эти теги имеют как открывающий, так и закрывающий компонент. Многочисленные теги несут разную смысловую нагрузку, но отображение текста, заключенного между открывающим и закрывающим компонентами, при этом, не столь разнообразно.

4.2.1 Логическое форматирование

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

Полужирным шрифтом отображается текст, заключенный между тегами:

<STRONG> ... </STRONG> (от английского strong emphasis – сильный акцент).

Курсивом (наклонным шрифтом) отображается текст, заключенный между тегами:

<DFN> ... </DFN> (определение);

<EM> ... </EM> (от английского emphasis – акцент);

<CITE> ... </CITE> (цитата);

<VAR> ... </VAR> (от английского variable – переменная, рекомендуется использовать для написания имен переменных).

Моноширинным щрифтом (шрифтом, имитирующим пишущую машинку, то есть имеющим фиксированную ширину символа) отображается текст, заключенный между тегами:

<CODE> ... </CODE> (программный код, рекомендуется использовать для фрагментов исходных текстов).

Также используются следующие теги (часто игнорируемые браузерами):

<SAMP> ... </SAMP> (от английского sample – образец, рекомендуется использовать для демонстрации образцов сообщений, выводимых на экран программами);

<KBD> ... </KBD> (от английского keyboard – клавиатура, рекомендуется использовать для указания того, что нужно ввести с клавиатуры).

4.2.2 Физическое форматирование

Полужирным шрифтом отображается текст, заключенный между тегами:

<B> ... </B> (от английского bold).

Курсивом (наклонным шрифтом) отображается текст, заключенный между тегами:

<I> ... </I> (от английского italic).

Моноширинным щрифтом отображается текст, заключенный между тегами:

<TT> ... </TT> (от английского TeleType).

Подчеркнутым отображается текст, заключенный между тегами:

<U> ... </U> (от английского underline).

Перечеркнутым отображается текст, заключенный между тегами:

<S> ... </S> (от английского strikethrough).

Как нижний индекс отображается текст, заключенный между тегами:

<SUB> ... </SUB> (от английского subscript).

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

<SUP> ... </SUP> (от английского superscript).

Подытожим наши знания о логических и физических стилях с помощью примера. Заодно Вы сможете увидеть, как Ваш браузер показывает те или иные логические стили.

<P>Теперь мы знаем, что фрагменты текста можно выделять

<B>жирным</B> или <I>наклонным</I> шрифтом. Кроме того, можно

включать в текст фрагменты с фиксированной шириной символа

<TT>(имитация пишущей машинки)</TT></P>

<P>Кроме того, существует ряд логических стилей:</P>

<P><EM>EM - от английского emphasis - акцент </EM><BR>

<STRONG>STRONG - от английского strong emphasis - сильный акцент </STRONG><BR>

<CODE>CODE - для фрагментов исходных текстов</CODE><BR>

<SAMP>SAMP - от английского sample - образец </SAMP><BR>

<KBD>KBD - от английского keyboard - клавиатура</KBD><BR>

<VAR>VAR - от английского variable - переменная </VAR></P>