Атрибут border задает толщину
рамки — в нашем случае все по нулям.
Плоская однопиксельная рамка формируется благодаря «подложке» —
таблице, состоящей ровно из одной ячейки, залитой нужным цветом, в которую
вложена таблица с данными. «Подложка» просвечивает через щели между
ячейками вложенной таблицы, «прорезанное» при помощи атрибута
cellspacing со значением 1 (единица измерения — пиксел). Таким образом,
ячейки никоим образом нельзя сделать прозрачными.
Вышеприведенный листинг — классический пример жертвы логической
стройностью контента и внутренней эстетикой кода в пользу сиюминутной
Глава 5. Таблицы в HTML
275
потребности обеспечить требуемый визуальный облик страницы в
нескольких графических браузерах любой ценой. Посудите сами: для того, например,
чтобы изменить фон таблицы, разработчику нужно будет модифицировать
значения атрибутов bgcolor у каждого тега
изменить оформление одинаковых таблиц на нескольких страницах, в данном
случае не может идти и речи.
***** «али»» §иа ‘Oi^^4-^»^
% 0Jf J J Pi!e:///Z:/exafpples/05/08/indey html ‘jjj @ Л*Х*&* рЦ
^&^8*?ata# |Q latest Headlne* ,
Москва
Санкт-Петербург
Население, «ше, чт* J
,4 601
Новосибцкк
1426
Ш^^^ёШл^ш^^^щ>^шш^Шк^вк(— тШ
Ф«Йя tteew»’ Вид Пф’р^од Когшюантад $Л®ь
i—: ,v#-^^i|;
*шш
#&тт* Sta*m flaw* 0&ф Помаяв дшис* &«*
Город
Москва
Санкт-Петербург
Новосибирск
I — Жмюювок, file. чдо»
[10 383
14 661
Р#1ЮЖШ
Рис. 5.10. Отображение документа из листинга 5.8 браузерами Firefox 1 и Netscape 4
Несмотря на всю свою неуклюжесть, этот код исправно отображается даже в
столь древних браузерах, как, скажем, Internet Explorer 4.0 и Netscape
Navigator 4.0, а возможно, и в более ранних версиях — где их теперь
возьмешь, чтобы проверить… И даже— не поверите— успешно проходит
проверку валидатором на соответствие рекомендации HTML 4.01 Transitional.
Разумеется, соответствие строгим правилам типа документов Strict этой
странице не светит.
Лично мне известны люди, которые верстают таблицы похожим образом и по
сей день, добровольно утяжеляя себе труд и обделяя свои сайты ценнейшими
функциональными особенностями, которые могли бы стать доступными
благодаря применению CSS. Искренне надеюсь, что мой читатель будет
избавлен от подобной практики.
276 Часть II. Применение веб-технологий стороны клиента для создания сайтов
Табличная верстка макета сайта:
«за» и «против»
Теперь, когда читатель достаточно близко познакомился как с блочной
моделью CSS, так и с таблицами, предусмотренными в HTML, пришло время
разобраться, какие плюсы и минусы таит в себе использование каждого из
этих двух подходов применительно к верстке шаблонов веб-страниц.
Хотел бы сразу оговориться— мне чужд фанатизм, и я вовсе не склонен
смотреть на блочную модель CSS2 сквозь розовые очки и при этом
безосновательно поливать грязью табличную верстку.
Обе идеологии далеки от совершенства, как и все сущее на Земле. Но
объективная реальность такова, что эти два подхода не просто конкурируют друг с
другом — они сменяют друг друга, и мы живем в переходный период.
Табличная верстка доживает свои последние годы, в то время как будущее — за
версткой блочной.
Таблицы не создавались для верстки страниц— веб-разработчики
искусственно приспособили этот инструмент для несвойственных ему задач, ибо, как
известно, на безрыбье и рак — рыба.
Напротив, блочная модель CSS2 задумана именно для того, чтобы обеспечить
гибкое визуальное представление контента в виде прямоугольных областей,
так или иначе разбросанных по пространству веб-страницы.
Я повторюсь (в который уже раз): табличная верстка логически
несостоятельна. «Втискивая» десяток абзацев текста, перемежающихся с картинками,
в одну огромную табличную ячейку, логически никоим образом не
сопоставляя ее содержимое с данными, расположенными в соседних ячейках, мы
неоправданно усложняем структуру контента, тогда как из соображений
доступности эту структуру следовало бы, наоборот, стремиться всеми силами
упрощать.
Блочная верстка, напротив, не способна усложнить логическую структуру
содержимого, оставляя ее при любых обстоятельствах последовательной.
Благодаря этому со всем содержимым страницы можно ознакомиться без
каких бы то ни было затруднений при помощи любого браузера, даже самого
древнего.
Отказ от табличной верстки в пользу блочной, а в особенности объявление
войны визуальным тегам и атрибутам HTML, существенно снижает объем
кода разметки, делает его более удобочитаемым и стройным. (Ведь
согласитесь, конструкция
объективно лаконичнее, нежели
монструозное .. .
.. .
.. ., даже если не брать
в расчет атрибуты тегов.) Разумеется, в случае блочной верстки возрастает
Глава 5.
| .. . |
|
5th Фев 2011
|
Теги:
|
