Отображение одной из страниц сайта CSS Zen Garden браузером Netscape Navigator 4
с отключенной поддержкой CSS
Что касается страниц, «напичканных» визуальными тегами и атрибутами
HTML, зачастую не представленными ни в одном официальном DTD, то
относительно доступности содержания таких документов, где бы то ни было,
помимо браузеров, в которых отображение сайта явно проверялось,
невозможно дать никаких гарантий.
{ Примечание ^
В середине— конце 1990-х на множестве сайтов можно было наблюдать такие
приписки, как: «Оптимизировано для просмотра в Internet Explorer 3.0″ или «Этот
сайт лучше смотреть в браузере Netscape Navigator 4.0″. Иначе говоря,
разработчики подстраивались под особенности конкретных браузеров. Высшим
пилотажем считалось обеспечение более-менее постоянного внешнего вида
страниц в двух конкурирующих браузерах, но сути дела это не меняло.
Страницы, «заточенные» под один или несколько распространенных браузеров,
как правило, содержали множество ошибок в коде, поскольку об использовании
Глава 3. Оформление веб-страниц с использованием каскадных листов стилей 117
валидатора в те времена вообще никто не вспоминал. Ошибки эти, конечно,
сходили с рук в «любимых» браузерах. Но браузер браузеру рознь— одни
HTTP-клиенты относятся к ошибкам в коде более лояльно, а другие — менее.
Так, например, какой-нибудь незакрытый тег, совершенно никак не мешавший
просмотру страницы в IE, мог стать серьезным препятствием для
пользователей NN — вплоть до того, что часть содержимого страницы не отображалась
вовсе. А уж сколько головной боли в свое время доставил HTML-кодерам
привередливый браузер Opera — ни в сказке сказать, ни пером описать…
До сих пор мы говорили большей частью лишь о визуальном представлении
контента. Возможности CSS, однако, этим не ограничиваются. CSS2
позволяет управлять представлением данных, учитывая специфику среды или
устройства вывода информации, включая, например, программы синтеза речи,
дисплеи Брайля и т. д.
Визуальные устройства и среды, к слову, тоже бывают разными. И CSS умеет
работать с ними в режиме, совершенно прозрачном для пользователя. При
условии например, что разработчиком предусмотрены индивидуальные
листы стилей (или правила в обшем листе стилей) для представления
содержимого страниц сайта не только на экране настольного ПК или ноутбука, но и
на экране карманного компьютера, а также на листе бумаги при печати, поль-
1 зователю в этом случае нет никакой необходимости искать на странице
кнопки или ссылки а-ля «Версия для КПК» или «Версия для печати». Ни о чем не
задумываясь, пользователь может смело зайти на страницу с тем же самым
URL с «наладонника», увидев ее в специально адаптированном оформлении.
Точно так же пользователь может стандартными средствами браузера
отправить необходимую страницу на печать и получить ее «твердую копию» без
лишнего оформления, к примеру, без неактуальной в данном контексте
навигационной панели.
( Примечание ^
Гиганты Рунета пока, к сожалению, в большинстве своем не прониклись идеями
о необходимости следования актуальным рекомендациям W3C. В 2004 году
дизайн меняли Mail.Ru (www.mail.ru), Lenta.Ru (www.lenta.ru), запущено
множество новых сервисов «Яндекса» (www.yandex.ru) — и все эти «новые» сайты по
инерции используют отжившую свое табличную верстку шаблонов страниц и
требуют лишних действий от пользователей, желающих распечатать ту или
иную страницу или просмотреть ее на карманном компьютере. В то же самое
время на Западе бум веб-стандартов приобретает поистине глобальный
размах — от табличной верстки отказались такие столпы, как MSN Search
(search.msn.com), Yahoo! (www.yahoo.com), ABC News (www.abcnews.com);
поразительной красоты сайты, основанные на современных рекомендациях
W3C, демонстрируют Blogger (www.blogger.com), Ессо (www.ecco.com), Quark
(www.quark.com) и многие, многие другие — да что там говорить, откройте
галерею CSS Vault (www.cssvault.com) или CSS Beauty (www.cssbeauty.com) и
наслаждайтесь!
118
Часть I.
5th Фев 2011
|
Теги:
|