Таблица, использующая возможности группировки строк
272 Часть II. Применение веб-технологий стороны клиента для создания сайтов
Обратите внимание, что описание элемента
в HTML-
разметке предшествует обоим элементам
, но в окне
браузера содержимое элемента
отображается в самом низу
таблицы.
В связи с этим противоречием (задуманным специально с той целью, чтобы
браузеры могли показать сводную информацию, фигурирующую в «подвале»,
не дожидаясь полной загрузки всех данных таблицы) группировку строк
нужно использовать с осторожностью. Все более-менее распространенные
сегодня графические браузеры отображают данные таблиц, организованных
подобным образом, в правильной последовательности, но устаревшие
браузеры (например, Netscape 4) не понимают тегов
,и
,
обрабатывая таблицы «как обычно», строка за строкой (рис. 5.9).
шшшшшяш
*шм
^Ш ift ж*
U&tiwtk ?омой Шчйи, ч G$w#
ГЫт* Зашита
Адавс: (file ///Z|/examplesy’05y’07/index html
Пятерка крупнейших городов России
Город
Итого
Москва
Санкт-Петербург
Новосибирск
Екатеринбург
Нижний Новгород 1 320
Население, тыс. чел.
19 130
10 383
4 661
1426
1 340
Рис. 5.9. Отображение таблицы, использующей группировку строк,
браузером Netscape Navigator 4, выявляет неверный порядок следования информации
Вложенные таблицы
HTML допускает возможность организации многократно вложенных
таблиц — так, одна таблица может быть вставлена в ячейку другой таблицы; та,
в свою очередь, — в ячейку третьей и т. д.
Вероятно, в сложных справочных материалах использование вложенных
таблиц оправдано — мы могли бы, скажем, модифицировать последний из рас-
Глава 5. Таблицы в HTML
273
смотренных выше примеров (см. листинг 5.7), предусмотрев в ячейках,
соответствующих численности населения избранных городов, небольшие
сопроводительные таблички, отражающие динамику роста населения в этих
центрах цивилизации за последние несколько десятилетий.
Подобного рода «факультативную» информацию, однако, было бы лучше
разместить в отдельных таблицах, снабдив основную таблицу
соответствующими ссылками — благо, идеология гипертекста позволяет сделать это в
достаточной мере элегантно.
Табличная организация данных резко снижает доступность контента—
пользователям текстовых или речевых браузеров весьма непросто анализировать
таблицы с развитой структурой. Не говоря уже о таблицах, использующих
вложенность.
До момента достижения приемлемого уровня поддержки CSS большинством
браузеров, однако, идеология вложенных таблиц была в веб-разработке
главенствующей.
Дело в том, что без привлечения каких бы то ни было хитроумных приемов
таблицы могли отображаться браузерами того времени в одном из двух
одинаково неприемлемых с точки зрения сколько-либо вменяемого дизайна
обличий: либо вообще без рамки, либо с весьма убогой псевдотрехмерной
рамкой.
Как раз для того, чтобы получить более-менее элегантную таблицу с плоской
рамкой, веб-разработчикам пришлось выдумать довольно изощренную
технологию использования вложенных таблиц.
Предлагаю вниманию читателей нетрадиционный для нашей книги пример из
серии «как это было давным-давно». Просто для сравнения…
|jl^THWE^ * f *»¦ ¦ ^ ‘ ¦ *’¦ г *[ ..: |
^ «http://www.w3.org/TR/html4/loose.dtd»>
cellpadding=»0″ border=»0″>
274 Часть II. Применение веб-технологий стороны клиента для создания сайтов
Страницы: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118 119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161| ropcfl | Haceлeниe, тыс.&пЬзр;чел.^п> |
|---|---|
| MocKBa | 10 383 |
| CaHKT-neTep6ypr | 4 661 |
|
5th Фев 2011
|
Теги:
|
