Недостатки же этой технологии более
разнообразны. Прежде всего, хотя содержимое ячеек можно позиционировать
относительно друг друга и относительно точки привязки всей таблицы, положение
этой последней относительно границ окна броузера, к сожалению, непостоянно и
может «плавать» с заметной амплитудой в зависимости от текущего размера окна,
базового кегля текста, величины полей (стр. 194) и проч.
Если сравнивать
табличную верстку с возможностями, предоставляемыми CSS, то ближайшим аналогом
таблицы будет относительное
(relative), а не абсолютное позиционирование. Если не
учитывать тот факт, что таблица (как блочный элемент, стр. 240) всегда начинает собой новый абзац, то
координаты размещенного в таблице элемента отсчитываются именно от той
позиции, которую он занимал бы в отсутствие таблицы и в которой теперь
расположена точка привязки этой таблицы.
Конечно, чаще всего с
помощью таблиц моделируется именно абсолютное позиционирование относительно границ
окна: чтобы свести на нет влияние нетабличного материала, в таблицу заключается
вся страница, так что мириться приходится только с неодинаковостью ее внешних
полей (как я уже писал, величина этих полей точному контролю не поддается). При
этом, однако, ощутимым становится другой недостаток этой технологии: броузер
может выводить на экран таблицу только тогда, когда ему известны габариты всех ячеек, — т. е. не раньше, чем из сети догрузятся
все изображения, тексты и HTML-код, составляющие
таблицу. Результатом может стать раздражающая задержка с выводом информации на
экран.
Сообщив броузеру заранее
ширину и высоту всех размещаемых в таблице изображений с помощью атрибутов height и width тега IMG, эту задержку можно
сильно сократить —
но только в том случае,
если размеры указаны, опять-таки, для всех без исключения изображений. Даже одна графическая вставка неизвестных
броузеру размеров задержит вывод всей страницы до тех пор, пока не придет из
сети начало соответствующего графического файла, по которому броузер сможет определить
его габариты. Поэтому атрибуты height и width абсолютно обязательны
для жесткого табличного дизайна. В академическом же стиле, наоборот их следует
избегать — как потому, что атрибуты эти не входят в стандарт HTML 2.0, так и потому, что
жесткое указание размеров графики иногда не позволяет прочесть alt-тексты графических
вставок тем пользователям, которые отключили в своих визуальных броузерах
загрузку графики.
Тот факт, что в таблице
положение любого элемента зависит от размещения всего остального материала,
делает этот прием позиционирования весьма чувствительным к ошибкам разметки,
так же как и к различиям (увы, существующим) между алгоритмами верстки таблиц
в визуальных броузерах. Конечно, в этой области совместимости гораздо больше,
чем,
Главная / web программирование / web технологии 