Смешанная разметка
Привет всем читателям Молодого блога. Рассмотрим пример.
Однако эти приемы могут просуществовать совсем недолго. Пока я писал эту страницу, ESPN.com был обновлен уже с использованием разметки CSS.
Число посетителей этого спортивного сайта ежедневно составляет десять миллионов. Когда такой большой коммерческий сайт принимает на вооружение CSS, становится очевидно, что торжество Web-стандартов неминуемо.
Несмотря на то что изначально использование стандартов на сайте было далеко от идеала, вот что арт-директор Майк Дэвидсон и его команда сделали правильно:
- все элементы страницы размещены с помощью CSS. На сайте не используются таблицы, кроме как в элементах, размещаемых спонсорами, на которые команда дизайнеров не в силах повлиять;
- исключено использование тегов форматирования шрифта;
- пропускная способность.
Размер кода главной страницы уменьшился вдвое, в то время как контента на странице только прибавилось. (При использовании приемов, описанных в главах 5-9, можно добиться еще более значительного сокращения кода.);
- использована одна таблица стилей для всех браузеров, нет необходимости в определении типа браузера. Сайт выглядит практически одинаково во всех браузерах, поддерживающих метод getElementByld, включая браузер Safari для компьютеров Apple.
Благодаря использованию приемов, описанных в нашей книге, ESPN.com добился значительных преимуществ и позволил посетителям сэкономить на входящем трафике, так как код сайта стал более компактным.
Однако первое воплощение сайта в CSS имеет некоторые недочеты, которые можно исправить, используя идеи, изложенные в нашей книге (которая все же еще не была опубликована на тот момент). Сайт использует зачастую ненужное определение типа браузера, код содержит некоторые ошибки. Необходимо повысить доступность кода и сделать CSS-разметку более логичной и компактной.
К тому времени, когда вы будете читать эту книгу, возможно, ESPN.com устранит некоторые или все эти ошибки.
Но, даже если это и не будет сделано, зададимся вопросом — стакан наполовину пустой или наполовину полный? Несомненно, что за ESPN.com последуют менее известные и крупные сайты. Когда сайт, который посещает 10 млн. человек в день, переходит на использование разметки CSS, это знаменует победу стандартов в Web-дизайне и методах разработки сайтов.
За неделю до перерождения ESPN.com сменил технологию разметки сайт Netscape DevEdge, превратившийся в образец использования стандартов.
На этом сайте всегда можно было найти много информации о развитии Internet, включая руководства по использованию стандартов, однако конструкция сайта противоречила его содержимому. После изменения дизайна с учетом стандартов, сайт, последовавший своим собственным советам, превратился в образец для подражания. Теперь сайт обладает CSS-разметкой без таблиц; выпадающими меню, созданными по стандартам; ссылками URL, которые выводятся с помощью свойств CSS в наиболее удобном для пользователя стиле.