Между блочной и табличной моделями нет и
не может быть взаимно однозначного соответствия, ибо это совершенно
различные по своему назначению инструменты.
Другой вопрос— как интерпретировать этот нейтральный по сути своей
факт. Закостенелые апологеты таблиц как средства верстки шаблонов веб-
страниц склонны однозначно идентифицировать как недостатки любые
особенности блочной модели CSS, которые идут с табличной версткой вразрез и
тем самым не вписываются в традиционное миропонимание. Ибо смены
технологий недостаточно — нужно поменять мышление, отказаться от прежних
стереотипов, а это весьма и весьма непросто и болезненно.
Я специально не стал приводить в этой главе примеров верстки шаблонов
страниц при помощи таблиц— кто захочет, тот всегда сделает «шаг назад»
самостоятельно; а мне хотелось бы сделать все возможное, чтобы привить
читателю, не обремененному багажом многолетнего опыта табличной
верстки, сразу новое, «блочное» мышление.
Разумеется, если вы 10 лет верстали сайты таблицами — они вам, вне всякого
сомнения, где угодно будут мерещиться: мебель в комнате ведь тоже можно
расставлять, оперируя категориями coispan и rowspan. Но в общем случае
страница веб-сайта — это НЕ таблица, а набор прямоугольных
функциональных областей, так или иначе спозиционированных друг относительно друга.
Глава 5. Таблицы в HTML
279
Равно как и, скажем, полоса бумажного издания— газеты или журнала —
это никакая не таблица.
Кстати говоря, если полистать публикации 7—8-летней давности,
посвященные использованию таблиц в качестве механизма верстки сложных
вебстраниц, когда для таблиц означенная роль была еще в новинку, то можно
будет провести огромное количество параллелей с сегодняшним днем. О том,
насколько убога табличная верстка веб-страниц по сравнению с
«благородной» версткой бумажных изданий, не писал тогда только ленивый. Ничего,
привыкли. А уж коль привыкли к таблицам, то привыкнем и к блочной
модели — механизму куда более выверенному и элегантному…
Практические примеры таблиц
По обыкновению, все примеры, описанные в пронумерованных листингах,
доступны на компакт-диске, прилагаемом к книге, в полных и
работоспособных версиях.
Файлы к данной главе расположены в директории \examples\05.
Пример, рассмотренный, скажем, в листинге 5.4, вы найдете в каталоге
\examples\05\04 нашего компакт-диска. А еще лучше — не бродить по
каталогам, а открыть файл \index.html — электронный путеводитель по компакт-
диску— прямо из корня.
ГЛАВА 6 J
I
I
Формы в HTML
До этого момента, обсуждая разнообразные аспекты структурирования и
представления контента веб-страниц и рассматривая соответствующие
конструкции HTML и CSS, мы говорили, де-факто, лишь о выводе информации
(на экран, на принтер и т. п.), почти никак не касаясь противоположного по
своей сути явления — пользовательского ввода.
Между тем, по-настоящему интерактивные сетевые сервисы — будь то
форумы, информационно-поисковые системы, диалоги выбора товаров и
подтверждения заказа в интернет-магазинах, административные интерфейсы для
публикации новостей на сайтах и прочее, прочее— предполагают
двунаправленное взаимодействие с пользователем. Содержание страниц,
динамически генерируемых подобными приложениями, основывается на результатах
обработки информации, получаемой от пользователя.
Вопросы создания сложных динамических сайтов, использующих технологии
стороны сервера, лежат за рамками тематики этой книги. Тем не менее
организация пользовательского ввода — это прерогатива технологий клиентской
стороны; все заботы по обеспечению такой функциональности в настоящее
время возложены на HTML.
О том, как HTML справляется с означенной ролью, мы и поговорим далее в
этой главе. А следующая, заключительная, глава нашей книги будет
посвящена сравнительно несложным способам обработки действий пользователя
на стороне клиента.
Веб-формы как средство обратной связи
с пользователем
Базовым механизмом, обеспечивающим для пользователя возможность
передачи на обработку данных практически любого типа, являются веб-формы
ш
шшшшМ
282 Часть //.
|
5th Фев 2011
|
Теги:
|