Кроссбраузерная верстка - что это такое и зачем она нужна

Наверное, многие из тех, кто собирается стать владельцем сайта, слышали от друзей или читали в интернете наставление: «Ваш сайт должен быть обязательно кроссбраузерным». И в техзадани дежурной строкой идет: кроссбраузерная верстка.

Но многие ли понимают что это означает?

Термин «кроссбраузерность» берет свое начало со времен середины 90-х, время так называемых «браузерных войн». Производители браузеров, желая выделиться и победить в конкурентной борьбе, придумывали новые функциональные особенности, что приводило к различию в отображении страниц сайта. Не все из них полностью соответствовали стандартам, которые лежат в основе создания веб-страницы.

На сегодняшний день можно назвать 5 наиболее популярных браузеров. Из приведенной ниже диаграммы видно, что предпочтение пользователей распределяется более менее равномерно:

Разумеется, игнорирование факта, что люди пользуются разными браузерами для просмотра веб-страниц, может привести к очень нежелательным последствиям.

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

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

Понятие «кроссбраузерность» не предполагает, что веб-страница должна во всех браузерах выглядеть абсолютно одинаково, пиксель в пиксель. Главное, на что требуется обратить внимание, - это чтобы изображение выглядело корректным в любом браузере, и верстка не распадалась. Вы вправе требовать от разработчиков сайта полного соответствия, и, в принципе, это возможно, хотя потребует дополнительного времени и денег. Посмотрите статистику использования старых версий браузера Internet Explorer за 2014г. и подумайте, стоит ли вкладывать деньги в то, чтобы сайт выглядел потрясающе в каком-нибудь устаревшем браузере, которым пользуется не более 1% пользователей, тем более, что вряд ли эти пользователи  являются вашей целевой аудиторией.

Internet Explorer 11	Internet Explorer 10	Internet Explorer 9	Internet Explorer 8	Internet Explorer 7	Internet Explorer 6	Internet Explorer
4,37%	1,70%	1,11%	2,37%	0,33%	0,07%	0,03%

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