Предварительное форматирование текста.

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

Из всех дескрипторов предварительного форматирования наиболее эффективным и часто используемым является контейнерный <PRE>. Текст в контейнере <PRE> обычно имеет произвольную форму и пустые строки, которые служат для разрыва текста. Внутри этого контейнера можно также использовать дескрипторы разрыва строк и абзацев. Это позволяет создавать такие элементы, как таблицы и ровные колонки текста. Кроме того, элемент <PRE> часто используется для отображения больших блоков программного кода (на языке С, C++ и других), которые было бы сложно прочесть, если бы броузер переформатировал их.

Внутри контейнера <PRE> можно использовать различные элементы физического и логического форматирования текста. Например, вы можете создать таблицы, которые содержат жирные заголовки или курсив. Однако использование в этом контейнере таких элементов форматирования абзаца, как <Address> или элементы заголовка, не допускается. В контейнер <PRE> можно помещать и элементы привязки.

Основной недостаток контейнера <PRE> в том, что находящийся внутри него текст всегда отображается в броузере читателя моноширинным шрифтом. Это приводит к тому, что длинные фрагменты текста зрительно сливаются.

Вы можете использовать текстовый редактор для выравнивания колонок перед добавлением дескрипторов форматирования знаков.

СОВЕТ: Если вы не преобразуете существующие документы, то таблицы HTML выглядят намного привлекательнее тех, которые созданы с помощью дескриптора <PRE>.

Знаки табуляции перемещают курсор на следующую позицию, кратную восьми. Спецификация HTML рекомендует, чтобы знаки табуляции не использовались в предварительно отформатированном тексте, поскольку эти знаки обрабатываются различными броузерами по-разному. Для выравнивания колонок в этом случае следует использовать пробелы.

Имеются и другие контейнеры для предварительного форматирования, однако они объявлены вышедшими из употребления. Элементы <XMP> и <LISTING> позволяют создавать заранее размеченный текст. Недостаток этих контейнеров состоит в том, что внутри них не разрешается использование других элементов HTML. Броузеры не распознают другие дескрипторы разметки внутри этих элементов, кроме закрывающего дескриптора. К сожалению, многие броузеры не всегда точно выполняют это правило, и результаты могут быть самыми непредсказуемыми.

Различие между этими элементами заключается в том, что текст <XMP> должен воспроизводиться шрифтом такого размера, который позволяет разместить не менее 80 знаков в строке, а для элемента <LISTING> требуется шрифт, который позволяет разместить 132 знака.

Не следует использовать элементы <XMP> и <LISTING> без особой необходимости. Поскольку они объявлены вышедшими из употребления, броузеры могут не поддерживать их. Чтобы быть уверенным в том, что именно увидят ваши читатели, используйте вместо них элемент <PRE>.

НА ЗАМЕТКУ: Если вы хотите представить код HTML в виде предварительно отформатированного текста или использовать символы < или >, следует использовать заменяющие их коды &lt и &gt, например, таким образом: &itPRE&gt.

Декриптор <DIV>.

Контейнер раздела <div></div> можно использовать для выравнивания целого блока элементов страницы. Этот дескриптор поддерживает атрибут align, поэтому с его помощью можно, например, выровнять по центру блок текста и графики, как в следующем примере:

Обратите внимание, что все элементы, расположенные между дескрипторами <DIV> и </DIV>, выравниваются в соответствии тем, что указано в дескрипторе <div> (за исключением элементов, для которых указано другое выравнивание). Атрибут align, как и в других случаях, может иметь значения left (По левому краю), center (По центру) или right (По правому краю).

С помощью дескриптора <DIV> можно также использовать различные стили строки для определения стиля целого блока в документе HTML. Это возможно благодаря принципу наследования. Например, если вы хотите изменить цвет текста для целого блока дескрипторов на синий, то можете поместить эти дескрипторы в контейнер div и в стиле дескриптора <DIV> определить синий цвет текста. Это выглядит примерно так:

Дескриптор <DIV> является важной частью макетирования страницы с использованием каскадных листов стилей.