Управление структурой текста с помощью дескрипторов абзаца и перевода строки
Когда вы помещаете на Web-страницу неформатированный текст, число слов, отображаемых браузером на одной строке, определяется шириной окна браузера. Неформатированный текст — это просто текст, введенный в HTML-документ между начальным и конечным дескрипторами тела документа (<body></body>), как показано в следующем коде:
<html>
<head>
<title>Пример неформатированного текста</title>
</head>
<body>
Мы помещаем в HTML-документ неформатированный текст. Не имеет значения, как выглядит текст в HTML-документе, поскольку Web-браузеры не воспринимают возврат каретки или клавишу Enter как инструменты форматирования.
</body>
</html>
Web-браузеры игнорируют символы возврата каретки и перевода строки, которые вставляются в HTML-код Web-страницы нажатием клавиши ENTER для перехода на следующую строку при наборе текста. По умолчанию Web-браузеры определяют длину каждой строки равной ширине окна браузера, а не числу символов на каждой строке HTML-кода Web-страницы. На рис. 1.12 показано, как Web-браузер устанавливает длину каждой строки неформатированного текста из вышеприведенного отрывка HTML равной ширине окна браузера.
Рис. 1.12. Web-браузеры игнорируют символы возврата каретки и перевода строки
ПРАКТИКУМ
Для группировки строк текста в абзацы и определения последнего слова на каждой строке в языке HTML предусмотрены начальный и конечный дескрипторы абзаца (<р></р>) и дескриптор <br>. Обнаружив дескриптор <р>, Web-браузер переходит на следующую строку на экране, вставляет пустую строку, а затем выводит текст, идущий после дескриптора <р>, на следующей строке под пустой строкой. Следовательно, чтобы сгруппировать связанные между собой предложения в абзацные блоки, поместите дескриптор <р> перед первым словом абзаца и дескриптор </р> после последнего. Например, если HTML-код Web-страницы содержит три строки текста, каждая из которых заключена между начальным и конечным дескрипторами абзаца (<р></р>), Web-браузер отобразит этот текст в виде трех абзацев с пустыми строками между строками текста.
В отличие от дескриптора <р>, дескриптор <br> не имеет конечного дескриптора. Обнаружив дескриптор <br> в HTML-коде Web-страницы, Web-браузер переходит вниз на следующую строку на экране перед тем, как отобразить остальной текст. Таким образом, дать Web-браузеру указание перейти на новую строку перед отображением следующего фрагмента текста можно с помощью либо дескриптора <br>, либо дескриптора <р>. Если вы хотите просто перейти на следую щую строку, используйте дескриптор <br>; если же вы хотите перейти на следующую строку и вставить пустую строку между текущей и следующей строками, вам нужно воспользоваться дескриптором <р>.
Текст в приведенном ниже HTML-коде описывает, как работают дескрипторы <р> и <br>, а также как будет выглядеть этот текст в окне Web-браузера (см. рис. 1.13):
<html><head><title>Пример форматированного текста</title></head><body><p>Вставляем в HTML-документ форматированный текст.</p><p> Расстановка дескрипторов абзаца и перевода строки в HTML-документе <br>определяет обрывы строк в тексте. </p><p> Дескрипторы абзацев оставляют между строками текста пустую строку, </p>а дескрипторы перевода строки разбивают текст без вставки <br> дополнительных пустых строк.</body></html>
Дескрипторы форматирования (такие как <р> и <br>) определяют, где заканчивается строка текста в окне браузера. Говоря языком редактирования текста, дескриптор <br> вставляет жесткий возврат каретки, а дескриптор <р> — два жестких возврата каретки.
Web-браузер (как и текстовый процессор) выполняет мягкий возврат каретки для разбиения текста у правого поля на каждой странице. Помните, что в Web-документе правая сторона окна браузера представляет собой правое поле Web-страницы. С помощью дескрипторов форматирования вы можете определить последнее слово в строке, однако Web-браузер все равно будет вставлять мягкие возвраты каретки, чтобы каждая строка текста помещалась по ширине в окно Web-браузера.
Рис. 1.13. Текст в окне Web-браузера форматируется в зависимости от использования дескрипторов абзаца и перевода строки
Хотя, как говорилось выше, ширина строки текста определяется шириной окна браузера, существуют случаи, когда браузер не должен разбивать строку текста. В таком случае нужно вставить запрет перевода строки ( ) между словами, которые браузер должен отобразить вместе на одной строке. Например, вам нужно создать подзаголовок для абзаца текста и вы хотите, чтобы заголовок оставался на одной строке. Чтобы заставить браузер вывести слова на одной строке, вставьте запрет перевода строки между словами подзаголовка, как показано ниже:
<html><head>
<title>Пример использования запрета перевода строки</title>
</head><body>
<font size="7"> Послание Авраама Линкольна</font>
<p>Эта страна с ее институтами принадлежит людям, которые ее населяют.</p>
<p>Если они устанут от существующего правительства, они могут прибегнуть к своему конституционному праву внести изменения в его состав, или к своему конституционному праву распустить или свергнуть его.</p>
<cite>Авраам Линкольн</cite>
</body></html>
В данном примере запрет перевода строки, вставленный между словами "Авраам" и "Линкольн", не позволяет Web-браузеру разбить имя и фамилию президента на две строки. Если у браузера не хватает места на текущей строке, чтобы отобразить имя и фамилию вместе, браузер отобразит и имя, и фамилию на следующей строке, как показано на рис. 1.14.
Если бы в данном примере между именем и фамилией был просто пробел (а не запрет перевода строки), браузер отобразил бы имя на одной строке, а фамилию — на следующей.
