БОРЬБА С СЕПАРАТИЗМОМ ЯЧЕЕК
Ячейки таблиц, формируемые при помощи тега <TD>, в HTML имеют
особый статус. Не знаю почему, но все определения типа шрифта,
выравнивания текста и т.п., сделанные за пределами таблицы,
внутри нее недействительны. Для каждой ячейки отдельно нужно
указывать размер и начертание шрифта, а также другие параметры
вывода текста. Конечно же, при применении более-менее сложных
таблиц это не только значительно увеличивает объем файла
WWW-страницы, но и затрудняет восприятие HTML-кода при
последующем его редактировании. Такой выпендреж со стороны
табличных ячеек достал уже практически всех Web-дизайнеров, в
том числе и автора этих строк.
Но, как вы уже догадались, если я посвятил свою заметку этой
проблеме, значит, ее решение существует. Несложный трюк с
Cascading Style Sheets (CSS) - и все табличные ячейки на
странице разом затанцуют под вашу дудку.
Итак, где-нибудь в начале страницы, например, между тегами
<HEAD></HEAD> напишите следующее:
<STYLE TYPE="text/css">
<!--
TD {font-family: Arial Cyr, Arial, Helvetica; font-size:
x-small}
-->
</STYLE>
Читатели, умеющие пользоваться CSS, уже поняли, в чем дело.
Для тех же, кто еще не освоился с CSS, поясню. Этот код
определяет стиль шрифта, который будет применен при выводе
текста во всех ячейках всех таблиц на
Web-странице. Того же эффекта вы добьетесь, если по-дедовски
напишете в каждой ячейке:
<FONT FACE="Arial Cyr, Arial,
Helvetica" FONT SIZE=-1>
но, конечно же, первый вариант (с CSS) предпочтительнее с
точки зрения объема и читабельности исходного кода страницы.
Так как практически всегда для верстки страниц используются
таблицы, то вы можете одним махом определить стиль оформления
текста для всей страницы. При этом у вас остается
возможность переформатировать ту или иную часть текста с помощью
стандартных HTML-тегов - FONT, ALIGN, SUBSCRIPT, SUPERSCRIPT и
других.
Приятно, что эта фишка работает даже в такой неновой
смотрелке, как MS Internet Explorer 3.0. Для того же, чтобы
обмануть те отсталые броузеры, которые не поддерживают CSS,
строка, начинающаяся с TD, заключена в комментарии.
Станислав Жарков
http://pro.net.ru/
раскрутка сайта |
