Что такое кроссбраузерность и её значение в разработке сайтов

26 сентября 2012
493

Одними из главных отличий профессиональной разработки сайтов от любительской являются обеспечение кроссбраузерности и валидная верстка. Оба понятия касаются внешнего вида сайта и зачастую игнорируются начинающими веб-мастерами из-за незнания или лени - "авось и так сойдёт". Сегодня рассмотрим понятие кроссбраузерности.

Я сам недавно занимался оптимизацией сайта под разные браузеры и решил посвятить этой интересной теме статью.

Кроссбраузерность

Что такое кросссбраузерность

Кроссбраузерность (кроссбраузерная совместимость, от англ. cross-browser_compatibility) - свойство сайта отображаться во всех браузерах одинаково. Сайт оптимизирован не под один конкретный браузер, а под несколько. Это значит, что не должно возникнуть ситуации, когда сайт в Mozilla Firefox выглядит как задумано, а в Internet Explorer элементы сайта оказываются не на своих местах, тексты наползают друг на друга или ещё что-то не так.

Под всеми браузерами в данном случае подразумеваются самые актуальные браузеры на данный момент - сейчас это Firefox, Chrome и Internet Explorer. К основным браузерам относятся и Safari, и Opera, но их аудитория значительно меньше, поэтому в небольших веб-студиях их зачастую не принимают во внимание. Тем более, что Firefox, Chrome, Safari и Opera сейчас работают почти одинаково, и если и возникают несоответствия в отображении сайта, то небольшие. Особняком стоит Internet Explorer, поэтому в ТЗ (техническом задании) на создание сайта или шаблона оформления часто можно увидеть формулировку "кроссбраузерность и Internet Explorer" или "кроссбраузерность под Internet Explorer". Не стоит гнаться за низкими ценами на создание сайтов - в случае недобросовестного подхода можно потерять львиную долю посетителей.

Кроссбраузерность не обязывает к попиксельному соответствию. Последнее подразумевает полную идентичность картинки в разных браузерах, которой порой бывает добиться очень сложно. Кроссбраузерность обязывает к отсутствию ошибок. Если блоки информации в одном браузере выделены рамками со скругленными углами, а в другом - с прямыми - это допустимая при кроссбраузерности неточность. Если тень от объекта оказалась на пару пикселей сдвинута и оказалась повисшей в пространстве - это уже ошибка.

Война браузеров

Необходимость в кроссбраузерности возникла в конце 90-х годов, когда два лидера рынка - Netscape Navigator и Internet Explorer использовали свои функции и по разному подходили к трактовке многих тегов. В дальнейшем, в конце 90-х - начале 2000-х г. Firefox пришёл на смену Netscape Navigator, а к лидерам присоединился и поныне здравствующий браузер Opera. В результате имеем уже три браузера, каждый со своим подходом к отображению сайтов.

Однако наметилась и унификация браузеров, приход к единым стандартам. Изначально коммерческие браузеры стали бесплатными, обмен информацией стал проще, а это значит, что задача "навязать рынку свои стандарты" начала меняться на "удержать пользователя", у которого появилась куда большая свобода выбора.

Уже к концу первого десятилетия 2000-х г. Opera, Firefox и Safari стали приходить к общим стандартам, свежезародившийся Google Chrome сразу начал с качественного отображения сайтов. В стороне остался только Internet Explorer. Политика Microsoft остается загадкой, но вплоть до восьмой версии это был самый глючный и медлительный браузер, который пинали все, кому не лень.

Кроссбраузерность с Internet Explorer

До си пор остается много пользователей восьмой версии Internet Explorer (которая сделала уже значительный шаг в сторону ускорения работы, но ещё страдает ошибками в отображении сайтов), поэтому при необходимости соблюдения кроссбраузерности именно на Internet Explorer 8 надо надо обратить особое внимание. Более ранние версии трогать уже не нужно. Актуальная же версия браузера от Microsoft - Internet Explorer 10. В связи с её скорым релизом Google даже объявил о прекращении поддержки IE8 своими веб-сервисами.

Начиная с Internet Explorer 9 многострадальный браузер вливается в коллектив современных интернет-браузеров с более-менее адекватной поддержкой стандартов.

С теорией разобрались. К приктическим советам, как обеспечить кроссбраузернгость, перейдём в следующей статье. До новых встреч на блоге!

Related Posts Plugin for WordPress, Blogger...

Комментируйте - автору важно ваше мнение!

Дополнительно: