Преодоление различий браузеров

Как же профессиональным Web-дизайнерам учесть многочисленные браузеры и их разнообразные возможности?

В прошлом для этого требовалось принятие ряда трудных решений и масса дополни­тельной работы. Типичным было создание нескольких версий сайта для обеспечения сходной функциональности. Некоторые дизайнеры осторожничали и избегали Web-технологий более мощных, чем элементарный HTML. Другие создавали ультрасовременный дизайн сайтов под послед­нюю версию конкретного браузера. Этот беспорядок порожден так называемой «войной браузеров» конца 90-х.

Web-стандарты и, что более важно, их поддержка, которую начали наконец осуществлять производители основных браузеров, упростили для дизайнеров работу с многочисленными браузерами. Ушли в прошлое дни, когда нужно было выбирать что-то одно или создавать несколько разных версий сайта. Сегодня стало возможным создавать сайты, доступные для 100% браузеров и прекрасно выглядящие в подавляющем боль­шинстве их. Вся хитрость в том, чтобы самому следовать стандартам при написании материалов, создании стилей и программировании. Соблюдение стандартов – это главное средство, обеспечивающее доступность вашего сайта для всех пользователей и всех браузеров.

Это непросто, так как Web-среда хотя и двигается в сторону соответствия стандартам, но еще не достигла его. Еще существуют несоответствия даже в самых современных версиях браузеров, и для получения межбраузерной совместимости еще требуется нестан­дартное программирование. Хотя мы находимся сейчас на переходном этапе, еще используются старые методы, которые являются обычной практикой или даже являются необходимыми, несмотря на то что это идет вразрез с рекомендациями W3C.

Важно помнить, что основной целью в Web является передача информации. Хотя может оказаться невозможным сделать так, чтобы сайт одинаково выглядел во всех браузерах, вы должны гарантировать, что ваши материалы как минимум будут доступны и их можно будет использовать, для чего нужно следовать рекомендациям стандартов при разметке содержания.

Если HTML-документ написан в логичном порядке и разметка его элементов осмысленна, он будет доступен даже для самых старых версий браузеров.

Язык HTML должен нести на себе функцию формирования структуры документа, каскад­ные таблицы стилей – обеспечивать формирование правильной раскладки страницы и форматирования. Подавляющее большинство браузеров поддержи­вает CSS Level 1, так чтовы можете осуществлять элементарное форматирование текста, зная, что подавляющее большинство посетителей увидят его так, как вы и предполагаете.

Плохо то, что по-прежнему существуют несоответствия в способах реализации многих спецификаций, даже в тех браузерах, которые декларируют полную поддержку CSS. Так что реализация CSS по-прежнему требует дополнительных усилий для получения нужного результата. В некоторых случаях необходимо просто смириться с тем, что один браузер будет отображать элементы не так, как вы задумали. Помните, что главная цель – передача информации.

Общая стратегия использования каскадных таблиц стилей для работы со специальными требованиями браузеров была создана специалистом по Web-стандартам Джеффри Зельдманом (Jeffrey Zeldman). В своей книге Designing with Web Standards (New Riders) он описал метод, основная мысль которого (помимо правильного использования XHTML и CSS) – это разработка под ваш любимый полнофункциональный, поддерживающий стандарты Web-браузер. Затем вы тестируете страницу, убеждаясь в том, что она одинаково выглядит и работает в похожих и поддерживающих стандарты браузерах. Если внешний вид отличается, вам, возможно, потребуются нестандартные CSS-решения, чтобы избавиться от неполадок.

Как только дизайн стал приемлемо функционировать в современных браузерах (которые используют подавляющее большинство пользователей), рассмотрите нестандартный браузер, например Netscape 4. Если сайт выглядит приемлемо, значит, все в порядке. Если нет, то решением будет разделение таблицы стилей на две отдельные таблицы: одна – для элементарных CSS-возможностей, а другая – с современными правилами для тех браузеров, которые эти правила поддерживают. Установите связь с современной таблицей стилей при помощи элемента @import, который скроет ее от тех браузеров, которые не знают, что это такое. Методом проб и ошибок вы должны разработать сайт, который будет выглядеть так, как вы хотите, в самых современных браузерах, но и будет приемлемо выглядеть в старых версиях.