Веб-дизайн

Другие параметры


Почти все остальные параметры набора текста пока что поддаются регулировке только с помощью CSS (со всеми оговорками о применимости этой технологии, стр. 40). HTML не позволяет ни изменять межстроч­ные, межбуквенные и межсловные расстояния, ни как-либо влиять на переносы текста, ни поворачивать или масшта­бировать текстовые объекты. (Можно, правда, изменять выравнивание текста по левому краю на противополож­ное, — однако выключка текста по ширине возможна, опять-таки, только с помощью CSS.) Судя по всему, еще очень далек тот день, когда визуальные броузеры смогут обеспечить такой же контроль над текстовыми блоками, как даже самый примитивный из графических редакторов.

226

Стоит сказать пару слов об оформлении абзацев. По тради­ции броузеры не делают отступов красной строки, отделяя абзацы друг от друга вертикальными отступами (как в этой книге). Не прибегая к помощи CSS, можно имитировать более традиционное (с точки зрения книжной верстки) оформление, заменив тег Р между абзацами на BR со сле­дующей за ним горизонтальной распоркой — невидимой графической вставкой или несколькими подряд неразрыва­емыми пробелами   (стр. 238). Если, однако, учесть, что того же видимого результата можно добиться с по­мощью CSS (обнулив значение margin и указав отступ красной строки text-indent для тега Р) уже в четвер­тых версиях обоих броузеров, от подобных искусственных приемов лучше воздержаться: членение на абзацы очень важно для информационной целостности текста, и неразум­но жертвовать структурной разметкой этого аспекта ради сиюминутных визуальных выгод.

Здесь же нужно обсудить особенности оформления та­бличного текста. Как вы уже наверняка знаете, таблицы в HTML есть основной и почти единственный инстру­мент для размещения материала на двумерной плоскости страницы (мы будем подробно говорить об этом ниже, стр. 234). Однако не так уж редко на веб-страницах встречается и собственно табличный материал, организация которого в строки и столбцы несет информационную, а не визуальную нагрузку.


Для больших по объему таблиц нужны визуальные средства, подчеркивающие их табличную структуру и помогающие взгляду скользить по строкам и столбцам. К сожалению, предлагаемая для этого стандартным HTML разлиновка ячеек (атрибут border) имеет два больших недостатка. Во-первых, линейки невозможно провести выборочно — либо в таблице нет ни одной линейки, либо каждая ее ячейка за­ключена в рамку со всех четырех сторон. И во-вторых, сами эти линейки в визуальных броузерах, так же как и раздели­тели HR и границы фреймов, имеют вид псевдотрехмерных бороздок, о неприемлемости которых в серьезном дизайне уже достаточно говорилось на стр. 203.

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

227



изображение (если оно есть). Заливкой фона можно вы­делять заголовки и боковики в таблицах; популярен также прием подсветки через одну строк с основными данными (такие полосатые таблицы, например, используются для списков книг на сайте books.ru, пример 15). Кроме того, с помощью изменения цвета фона можно имитировать и ча­стичную разлиновку — например, вставив после боковика узкую ячейку, простирающуюся по всей высоте таблицы, и закрасив ее каким-то цветом, мы получим вертикальную линейку, избавленную от обоих упомянутых выше недостат­ков стандартной разлиновки.

Спецификация HTML 4.0, принятая в начале 1998 года, значительно рас­ширила, по сравнению с предыдущими версиями, набор средств для раз­метки таблиц. Большинство новых тегов и атрибутов предназначены для более адекватной структурной разметки таблиц и для более гибкого пред­ставления табличной информации в невизуальных броузерах. Есть, однако, и усовершенствования в средствах визуального форматирования — в част­ности, атрибуты frame и rules позволяют выборочно проводить линейки между ячейками и вокруг таблицы.


Содержание раздела