Кроссбраузерность сайта. Настройка шаблона под разные браузеры

Кроссбраузерность сайта. Настройка шаблона под разные браузеры

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

 

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

На данный момент существует 5 самых популярных браузеров:

  1. Mozilla Firefox
  2. Google Chrome
  3. Opera
  4. Safari
  5. Internet Explorer (IE)

 

Если вы регулярно пользуетесь Оперой и видите свой сайт красивым, ровным и аккуратным, то при просмотре этого же сайта, например, в Internet Explorer он может оказаться «кривым», «размытым» или вообще в другой цветовой гамме. Поэтому вебмастера ввели такой термин как кроссбраузерность сайта.

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

 

 

Возможно, вы спросите – «Почему люди не хотят использовать нормальные браузеры типа оперы, гугл хрома или файерфокса?»

Есть несколько причин этой проблемы:

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

 

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

 

    • В-третьих, есть люди, просто привыкшие к тому или иному ПО или считающие, что устанавливать на компьютер другие программы вредно (из-за этого он может сломаться или начать тормозить).

 

  • Ну и четвертая категория – это фанаты компании Microsoft, которых переубедить просто невозможно.

 

В любом случае, смеритесь с тем, что ваш сайт будут посещать люди с совершенно разным программным обеспечением, с разными разрешениями экрана, разными по мощности компьютерами и скоростью доступа к интернету. Ваша задача – угодить всем и каждому!

 

Как сделать сайт кроссбраузерным?

Правило кроссбраузерности одно. Запомните его и руководствуйтесь всегда:

При любых изменениях в дизайне сайта (будь то новый информер, рекламный блок, новый шаблон или участок шаблона) – смотрите, как он выглядит в других браузерах. Не используйте для этого специальные онлайн сервисы, а делайте все самостоятельно и вручную с помощью установленных на компьютер браузеров! Будучи в гостях у кого-либо (друга, знакомого или родственника) не упускайте возможность зайти с ЕГО компьютера (нетбука, ноутбука) в интернет, чтобы посмотреть на свой сайт.

У хорошего вебмастера всегда установлен на компьютере комплект самых популярных браузеров. Они не исчерпывают ресурсы жесткого диска, но если потребуется проверить кроссбраузерность сайта – вебмастер запускает их все и проводит необходимый анализ.

Если вебмастер владеет HTML и CSS, то он «подправит кривую ситуацию» самостоятельно, иначе он просто откажется от этого шаблона (модуля, информера и пр.) или найдет ему кроссбраузерную замену.

Хочу добавить, что разные версии одного и того же браузера будут отображать ваш сайт тоже по-разному и это нужно учитывать. Но я рекомендую использовать самые последние версии! Идите в ногу со временем, особенно если планируете создать сайт «не на один день». Очень скоро все самые старые и проблемные версии «вымрут» как мамонты, или их останется ничтожно маленький процент, от которого вы много не потеряете. Исключение – IE 6 версии (их еще достаточно много в мире).

 

Основные проблемы кроссбраузерности сайта лежат на истоках его создания – во время выбора шаблона. Уже создано много готовых шаблонов для ucoz, из которых вы должны выбрать тот единственный, который будет одинаково (или с незначительными изменениями) отображаться во всех вышеперечисленных браузерах. Только после этого этапа вы можете приступать к уникализации шаблона и доработке мелочей, но с постоянным ориентиром на разные браузеры.

 

Если вы никогда не проверяли свой сайт на кроссбраузерность – сделайте это немедленно! Я уверен, если ваш сайт был «кривым» и вы его «выровняли» (неважно каким способом), то это значительно снизит показатель отказов и приведет новых посетителей из поисковых систем!
Поделитесь записью в социальных сервисах!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *