Интернет стал неотъемлемой частью жизни современного человека, превратившись в удобный и полезный инструмент не только для отдыха и развлечения, но и работы, учебы и самообразования. При этом отображаемая на web-страничках информация должна выглядеть красиво и четко, поскольку в противном случае сайт потеряет свою привлекательность для посетителей. Однако каждый из браузеров имеет свои особенности, а поэтому далеко не все web-страницы могут отображаться одинаково. Именно поэтому важно обеспечить кроссбраузерность — корректное отображение web-странички во всех браузерах.
Для чего нужна кроссбраузерность и в чем причина некорректного отображения сайта?
Существует несколько причин неправильного отображения web-страничек в разных браузерах, связанных с восприятием кода, причем конкретными проблемами являются следующие:
- Верстка может не соответствовать некоторым стандартам html.
- С течением времени появляются новые стандарты, вследствие чего правила CSS корректируются, а библиотеки становятся более расширенными. Новые версии браузеров Firefox, Google, Chrome, Opera и Safari полностью поддерживают такие стандарты, а старые могут воспринимать такие web-страницы некорректно.
- Каждый браузер имеет свои атрибуты (цвет и размер шрифта, элементы, иконки), выставленные по умолчанию, поэтому здесь лучше использовать технику CSS reset.
Нужно ли web-странице выглядеть идентично во всех браузерах?
Важно отметить, что если раньше разработчики сайтов и web-приложений стремились к тому, чтобы сайт выглядел одинаково во всех браузерах, то в последнее время от этой концепции стали отходить. Действительно, зачем этого добиваться, когда для конечного пользователя важно то, чтобы страничка выглядела корректно и была удобной в использовании. Ведь браузеры создаются разными компаниями, каждая из которых имеет свой стандарт, поэтому добиться идентичности априори невозможно. Так что сегодня при кроссбраузерной верстке сайтов самое главное — это добиться корректного отображения web-странички в браузерах, чтобы картинки, заголовки, иконки и другие элементы не наплывали друг на друга.
Почему следует переходить на новые версии браузеров?
Интернет технологии постоянно развиваются, благодаря чему возможности пользователей сети растут. Однако, для реализации тех или иных функциональных задач требуются уже обновленные браузеры. В связи с этим компании, занимающиеся выпуском браузеров, постепенно прекращают поддержку старых версий, стимулируя пользователей переходить на новые версии программных комплексов. Так, к примеру, с 12 января этого года компания Microsoft уже не будет оказывать поддержку браузеров Explorer, версий 8,9 и 10. Компании Google и Mozilla Foundation идут тем же путем, поэтому чтобы просматривать web-странички в наиболее полном формате, следует использовать новые версии браузеров.
Несколько советов верстальщику о проверке браузеров на совместимость
- Следует использовать технику css reset для того, чтобы все браузеры имели одинаковые базовые стили для различных элементов.
- Рекомендуется установить на рабочую машину все популярные браузеры, а также программу Explorer Tester, поскольку программа Internet Explorer стоит особняком и часто именно с ней возникают проблемы относительно корректного отображения web-сайта.
- Существует два основных варианта верстки. Первый — это делать сайт, который полностью подходит под один из популярных браузеров, после чего уже в процессе проверки на совместимость с другими программами исправлять код по мере необходимости. Второй — осуществлять проверку каждого элемента кода по мере написания во всех популярных браузерах. Как можно сделать вывод, в первом случае времени на кроссбраузерную верстку затрачивается меньше, чем во втором случае.
- Многие верстальщики активно используют полезные утилиты и плагины, позволяющие находить ошибки кода для каждого из браузеров. Наиболее полезными из них являются следующие: Browsershots, Lunascape, SuperPreview, IETester, Spoon, IE NetRenderer, Browserling, Browsera, Mogotest и BrowserCam.
Статистика свидетельствует, что далеко не все пользователи стремятся активно устанавливать на свои компьютеры новые версии браузеров, а поэтому некоторые верстальщики активно используют «полифиллы» (от англ. polyfill). Они представляют собой библиотеки, которые добавляют в старые браузеры поддержку возможностей, реализованных в новых браузерах. Для этого polyfill библиотека подключается на страницах web-сайта.
Некоторые выводы о кроссбраузерности
Если освоить несложные правила кроссбраузерной верстки, то можно добиться корректного отображения web-страниц во всех популярных браузерах. Однако, чтобы достичь успеха и стать хорошим специалистом, следует тренироваться, поскольку только собственный опыт человека поможет выработать ему правильную стратегию. Большую помощь может оказать использование фреймворков, а также сервис автоматической верстки сайтов, так как он не подверден человеческим ошибкам и в соответствии с набором правил запрограммирован выдавать как результат кроссбраузерную верстку сайта.
