Форматирование текста

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

Существует множество тегов для форматирования текста. Их можно разделить на две группы: логические и физические. Отличие этих групп друг от друга принципиальное.

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

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

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

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

Теги логического форматирования

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

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

• Тег <ABBR>

Тег <ABBR> определяет текст как аббревиатуру с помощью атрибута TITLE. Вы можете задать всплывающую подсказку с расшифровкой аббревиатуры. При этом поисковые роботы индексируют именно полный вариант расшифровки, определенный атрибутом TITLE.

Пример:

<abbr title="Научно-исследовательский институт">НИИ</abbr>

• Тег <ACRONYM>

Тег <ACRONYM> указывает, что текст является акронимом (Акронимы – это устоявшееся сокращение).

Атрибут TITLE позволяет задать расшифровку акронима.

Пример:

<acronym>СНГ</acronym>

• Тег <CITE>

Тег <CITE> отмечает небольшую цитату или сноску, взятую из другого источника.

Такой текст обычно отображается курсивом.

Пример:

<cite>Здесь указан источник информации </cite>

• Тег <CODE>

Тег <CODE> указывает на программный код, который может содержать, например, переменные, функции или небольшие куски программы. Такой текст обычно выводится моноширинным шрифтом.

Пример:

Зададим функцию <code> func(int a, char b);</code>

• Тег <DEL>

Тег <DEL> помечает текст как удаленный. Он может использоваться при внесении изменений в документы. Этот тег имеет два атрибута: CITE, содержащий URL-адрес документа, в котором описаны причины удаления фрагмента, и DATETIME, включа­ющий дату и время удаления фрагмента в формате ГГГГ-ММ-ДДТчч: мм: ccTZD.

TZD – это указатель часового пояса. Он может принимать два тина значений. Пер­вый тип значений – это указатель Z, указывающий, что время задастся относитель­но нулевого часового пояса (иначе говоря, он обозначает время UTC – Coordinated Universal Time, универсальное время). Второй тип значений имеет формат +чч . мм или -чч .мм, который задаст сдвиг вперед (+) или назад (-) указанного времени относительно времени UTC. Браузеры отображают такой текст как зачеркнутый.

Пример:

<del cite="whydel.html" datetime="2007-10-06T10:ll:45+3.00"> Неактуальный фрагмент</de1>

• Тег <DFN>

Тег <DFN> выделяет текст как определение. Этот тег можно использовать, если новый термин встречается в тексте впервые и тут же дастся его определение. Брау­зер отображает такой текст курсивом.

Пример:

<dfn>OnpeflefleHMe</dfn>-описание Тег<ЕМ>

Тег <ЕМ> выделяет важные фрагменты текста. Браузер отображает такой текст курсивом.

Пример:

<еm>Важно</еm>

• Тег <INS>

Тег <INS> отмечает текст как вставку, применяется для выделения изменении, вносимых в документ. У этого тега есть два атрибута: CITE, содержащий URL-ад­рес документа, в котором описаны причины добавления фрагмента, и DATETIME, включающий дату и время добавления в формате ГГГГ-ММ-ДДТчч :мм: ccTZD (TZD – это часовой пояс). Браузеры такой текст отображают как подчеркнутый.

Пример:

<ins cite="whyadd.html" datetime="2007-10-06T10:11:45+3.00"> Новый фрагмент</ins>

• Тег <KBD>

Тегом <KBD> помечается текст, вводимый пользователем с клавиатуры. Браузеры такой текст отображают моноширинным шрифтом.

• Тег <Q>

Тег <Q> обозначает текст как цитату, используется для добавления коротких цитат в текст. Обычно такой текст отображается курсивом, некоторые браузеры заключают его в кавычки.

• Тег <SAMP>

Тег <SAMP> определяет выделенный текст как пример, обычно используется для выделения результатов работы программы. Браузер выделяет этот текст моноширинным шрифтом.

• Тег <STRONG>

Тег <STRONG> предназначен для постановки акцента на тексте. Такой текст браузеры выделяют полужирным шрифтом.

• Тег <VAR>

Тег <VAR> используется для выделения переменных из программ. Браузер отме-

В листинге 3.1 показан код страницы с различными видами логического форматирования текста.

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

На рисунке видно, что не все теги логического форматирования изменяют вид текста.

Это объясняется тем, что они предназначены не для этого. Различные браузеры могут по-разному выводить различные теги, поэтому перед тем как выложить сайт в Интернете, проверьте его вид в различных программах.

Вышеупомянутые теги используются относительно редко.