Что такое кроссбраузерная совместимость?

Здравствуйте, ребята. В мире существует порядка сотни веб-браузеров. Все они работают по стандарту W3C, но немного по-разному. Чтобы сайт нормально работал, Веб-дизайнеры должны бороться с этими различиями. В этой статье обсуждается влияние этих различий на дизайн сайта. А в конце статьи вы можете найти бесплатный материал, который еще больше повысит ваш уровень вебмастера. Ну что же, начнем!

Если веб-страница полностью совместима со всеми браузерами, тогда она выглядит более или менее одинаково вовсех существующих браузерах. Наиболее используемые браузеры это Internet Explorer, Netscape Navigator, Firefox и Opera.

Каждый из этих браузеров реализует HTML, JavaScript и Каскадные Таблицы Стилей (CSS) немного по-разному. Некоторые различия чуть-чуть заметны, а другие могут повредить страницу. Ситуация становится хуже, когда каждый браузер свободно реализует «расширения» к W3C стандарту для каждого из форматов.

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

Итак, что же делать дизайнеру?

Очевидно, что невозможна 100% совместимость со всеми браузерами. Но возможно сделать страницу совместимой с самыми популярными браузерами.

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

Такое соответствие может быть настоящей проблемой. Оно может ограничить некоторые хорошо продуманные эффекты в отдельных браузерах. Существуют, так называемые, валидаторы кода, которые доступны в режиме реального времени. Вы можете проверить HTML код по этой ссылке validator.w3.org, валидатор может проверить CSS и ссылки. Этот сервис бесплатен.

Валидатор проверит Ваш код, основываясь на DOCTYPE, определенный на Вашей странице. DOCTYPE сообщает браузеру какой версией HTML или CSS пользуется страница.

HTML редакторы

Есть некоторые проблемы с совместимостью связанные с чем-то другим, кроме ручного кодирования на HTML(или даже с ручным кодированием тоже).

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

Наихудший выбор это редактор FrontPage. Редактор FrontPage создает проблемы, так как он используется Microsoft и поэтому работает с кодом для Internet Explorer. Пункты, по которым нельзя работь в других браузерах включая:

  • Прямоугольная область (Marquees) — Вы можете использовать JavaScript скроллер, чтобы создать простой эффект, который будет работать в большинстве браузеров.
  • Тэг bgsound — это только для IE.
  • Страничные Переходы — это только для IE.
  • Front Page создает таблицу стилей- это только для IE и может привести к неожиданным результатам или повредить браузер.
  • Front Page создает DHTML — лучше использовать JavaScript, чтобы создавать эфекты, которые Вы хотите так, скорее всего будет кроссбраузерная совместимость.
  • Парящие кнопки — это только для IE и известно, что они повреждают браузеры, включая старые версии IE. Вы можете использовать JavaScript, flash или CSS, чтобы достигнуть того же эффекта.

Другие HTML редакторы это что-то между редакторами Dreamweaver и FrontPage по кроссбраузерной соместимости. Вы просто можете проверить код, который производит Ваш HTML редактор.

CSS — каскадные таблицы стилей

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

Флэш

Флэш великолепен для добавления стилей на страницу и Macromedia снабжает флэш-плагинами все основные браузеры. Но не нужно создавать Ваш сайт полностью на флэш. Браузеры для слепых, большинство портативных устройств не поддерживают флэш.

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

Графические ссылки

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

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

Источник: www.webdesign.org