TML, CSS, СКРИПТЫ: практика создании сайтов

Или, наоборот— у некоторых дизайнеров

сложилась привычка набирать целые абзацы текста строчными буквами.

Казалось бы, чего же проще — текст можно набрать так, как того просит

душа, сразу же.

Действительно, можно, но это нежелательно. Так, многие поисковые системы

с меньшим доверием относятся к заголовкам, набранным прописными

буквами. А некоторые программы синтеза речи, возможно, будут затруднены в

определении границ предложений, если последние будут набраны только

строчными буквами.

Так что лучше все-таки набирать текст «как обычно», а регистр

конвертировать при помощи того самого CSS-свойства text-trans form, которое может

принимать следующие значения:

? uppercase — все буквы преобразуются в верхний регистр;

? lowercase — то же, в нижний регистр;

? capitalize— первая буква каждого слова преобразуется в верхний

регистр.

Наконец, свойство white-space определяет метод обработки пробельных

символов браузером. В спецификации CSS2.1 определено пять возможных

значений для этого свойства, но нас будет интересовать главным образом одно:

nowrap.

Глава 3. Оформление веб-страниц с использованием каскадных листов стилей 155

Текст внутри элемента, для которого определено свойство white-space со

значением nowrap, останется на одной строке вне зависимости от того,

наличествуют в нем символы, по умолчанию допускающие разрыв строки, или

нет.

Свойство white-space со значением nowrap активно используется наряду

с символом неразрывного пробела ( ).

Чтобы проиллюстрировать данное свойство реальным примером, придется

забежать немного вперед и отметить, что в HTML определены такие теги, как

и . Они определяют семантически нейтральные блочный и внут-

ристрочный элементы соответственно.

Что это значит — «семантически нейтральный»? С точки зрения структуры

документа, <�р>.. . — это определенно абзац; .. . — это

определенно маркированный список, …— это определенно логическое

ударение. И ничто иное. A

.. .

— это «просто блочный элемент»,

без какой бы то ни было смысловой нагрузки. Точно так же,

.. . — это «просто внутристрочный элемент», не обремененный

четким предназначением.

Для чего нужны эти абстрактные элементы? Определяя те или иные правила

их представления, разработчик может использовать элементы

.. .

и .. . на свое усмотрение, не рискуя нарушить логику

документа неправомерным использованием того или иного элемента «не по

назначению».

Так, элемент

.. .

мы будем активно эксплуатировать в следующей

главе для организации функциональных областей веб-страниц.

А вот элемент .. . весьма часто используется совместно со

свойством white-space, о котором мы замолвили слово:

<�р>Язык HTML, созданный, как мы уже упоминали, Тимом

«white-space: nowrap»>Бернерсом-Ли в начале

«white-space: nowrap»>1990-x rr., нельзя назвать чем-то

революционным.

Текст этого абзаца может быть разбит браузером на отдельные строки как

угодно, но применение свойства white-space со значением nowrap

гарантирует, что перенос на новую строку не «вклинится» внутрь содержимого

элементов ….

Оформление абзацев русскоязычного текста

В главе 2 мы отметили, что традиции русскоязычного набора предписывают

выключать текст абзацев по формату, предваряя их первые строки

горизонтальными отступами («красная строка»). Все это мы теперь умеем делать.

156

Часть I. Технологические основы

Но есть еще одно условие — между абзацами не должно быть вертикальных

отступов. Одновременное сочетание горизонтальных и вертикальных

отступов, встречающееся, к сожалению, на каждом шагу — тавтология,

происходящая от непонимания культуры текстового набора.

Как же избавиться от пресловутых вертикальных отступов? Снова придется

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

уже близка.

Необходимо ИСПОЛЬЗОВать CSS-СВОЙСТВа margin-top И margin-bottom, обнулив

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

расстояния до соседних элементов сверху и снизу соответственно.

Полагаю, пришло время привести полноценный практический пример,

иллюстрирующий применение большинства CSS-свойств, о которых шла речь в

этом разделе.

| Листинг 3*8» Использование свойств шрифта и текстового набора, v,….; ,

| а также тега <**рап>

<*> «http: //www.w3.org/TR/xhtmll/DTD/xhtmll-strict.dtd»>