Использование дескрипторов блоков цитирования для управления левым и правым отступами текста
В языке HTML не так-то просто управлять расстоянием между текстом и левым и правым полями Web-документа. По умолчанию Web-браузер устанавливает левое и правое поля страницы (то есть ширину Web-страницы) такими, чтобы страница умещалась по ширине в окно браузера. (Альтернативный вариант - разрешить части Web-страницы "выходить" за правый край окна браузера и снабдить окно горизонтальной полосой прокрутки, с помощью которой посетитель сможет отобразить содержимое, не попавшее в видимую область окна браузера.)
Конечно же, авторы Web-страниц понимают, что Web-браузер при необходимости будет сдвигать текстовое содержимое с одной строки на другую. Поэтому при создании страниц разработчики применяют разнообразные средства форматирования/позиционирования, такие как CSS или помещение текста в ячейки HTML-таблиц. Не получив определенных инструкций по форматированию, Web- браузер поместит первый символ текста сразу же у левого поля и "завернет" (перейдет на следующую строку), только дойдя до правого поля Web-страницы. Помните: ширина окна браузера на компьютере посетителя определяется расстоянием между левым и правым полями Web-страницы. Кроме того, браузер заворачивает текст на следующую строку, достигнув правой границы окна. Дескрипторы blockquote форматируют текст, смещая его вправо или увеличивая поля справа и слева от блока цитирования. Поэтому использование блоков цитирования выделяет текст на общем фоне документа, что помогает должным образом организовать содержимое на странице.
ПРАКТИКУМ
Например, следующий HTML-код описывает Web-страницу с заголовком и двумя абзацами текста, к которым применен стиль блоков цитирования (см. рис. 1.20):
<html>
<head>
<title>Пример использования дескриптора блока цитирования</title>
</head>
<body>
<p>Это обычный текст</p>
<blockquote>Текст в этом абзаце выделен в блок цитирования. Обратите внимание, что текст смещается вправо с левой стороны страницы и "заворачивается", достигнув правого поля.
</blockquote>
<p>Это снова обычный текст; смотрите, что происходит, когда обычный текст доходит до поля.</p>
<blockquote>Текст в этом абзаце выделен в блок цитирования. Обратите внимание, что текст смещается вправо с левой стороны страницы и "заворачивается", достигнув правого поля.
</blockquote>
</body>
</html>
Рис. 1.20. Web-страница с обычным текстом и текстом, заключенным в дескрипторы блоков цитирования