Несовместимость Internet Explorer и Netscape Communicator
Одна из самых больших проблем, которые встают перед начинающим (а может и не только перед начинающим...) веб-мастером - проблема несовместимости различных типов браузеров. Вы скажите: "Для того, чтобы все и везде было видно достаточно и нужно знать спецификацию HTML 3.0, совместимую на 95% со всеми браузерами!" ...Но... неужели можно жить вчерашним днем? Ведь уже живет спецификация HTML 4.0! Довольно часто встречаются страницы, на которых видишь надпись "Этот сайт рекомендуется смотреть через Internet Explorer 5.0". Такие надписи выказывают неуважение к пользователям других браузеров, отличных от IE 5.0. Скорее всего они не будут устанавливать у себя рекомендуемый браузер, а просто уйдут и больше никогда не вернутся на эту страницу. Большинство статистических серверов говорит, что пользователей NC всего около 15%, но это не значит, что их не надо учитывать при создании web-представительства. Профессионально выполненный сайт адаптирован под любой тип браузера (??? - есть море методов адаптации!) и любое разрешение экрана(???). Приведенная ниже таблица поможет Вам разобраться в этой проблеме. Информация была получена на основе собственного четырехлетнего (на сей день :-) ) опыта и сравнения документации к этим двум браузерам... Таблица постепенно изменяется и дополняется новыми данными (каждый выпуск новой версии браузера - это "сказка с плохим концом" - только писал, что NC не поддерживает <p align="justify"> а в версии 4.75 это заработало!)... Буду очень признателен за дополнение этого "печального списка".
IE | NC | |
---|---|---|
Отступ на странице |
Слева - leftmargin Справа - rightmargin Сверху - topmargin Снизу - bottommargin |
Слева и справа - marginwidth Сверху и снизу - marginheight |
Неподвижное фоновое изображение и скроллинг страницы | <body bgproperties=fixed scroll=yes> | Не поддерживается |
VBScript | Поддерживается | Не поддерживается |
Плавающий фрэйм | <iframe> | Не поддерживается |
Мигающий текст | <blink> | Не поддерживается |
Бегущая строка | <marquee> | Не поддерживается |
Многоколоночность | Не поддерживается | <multicol> |
Незакрытые тэги |
Можно не закрывать: <p> перед </td>; <table>; <html>; <body> |
Обязательное закрытие всех тэгов |
Закрытие внутреннего тэга раньше внешнего | <b><i>text</b></i> не трактуется как ошибка | <b><i>text</b></i> - ищет еще один тег </b> |
Всплывающая подсказка | Title в любом тэге | Не поддерживается |
Выравнивание таблицы (пример для центрирования) |
|
Только: <div align=center> <center> |
Пустая ячейка таблицы | <td></td> | <td> </td> |
Ширина таблицы | Может быть в:
|
Только:
|
Фоновой рисунок ячейки | Относится только к ячейке, в которой задан | Наследуется ко всем последующим ячейкам, лечится вставкой background="" в последующие ячейки |
Высота ячейки | Интерпретируется нормально | Интерпретирует по "своему" разумению |
Размер картинки в % | Масштабирует картинку правильно | Вместо картинки показывает серый прямоугольник в заданном масштабе |
События JS (onmouse...) | Обрабатываются корректно для всех объектов | Обрабатываются только для тэга <a href=""> |
Тэг <OBJECT> | Поддерживается | Объекты внедряются с помощью <APPLET>, файлы - с помощью <EMBED> |
Особенности тэга <SCRIPT> | Использует все свойства максимально по умолчанию | Указание версии языка включает или выключает новые особенности языка в интерпретаторе |
Особенности написания стилей | Font-family: "Arial, sans-serif"; | Название свойства пишется слитно и многочисленное обозначение шрифтов задаются по отдельности Fontfamily: "Arial", "sans-serif"; |
Совмещение <LAYER> и <DIV> | <LAYER> - не поддерживается... |
<LAYER> <NOLAYER> <DIV> </NOLAYER> содержание слоя <NOLAYER> </DIV> </NOLAYER> </LAYER> |
Определение <BASEFONT> | Поддерживаются атрибуты: color, face, size |
FACE почему-то не поддерживается... |
Фоновая музыка | <BGSOUND balance= loop= src= volume=> | Не поддерживается |
Имитация кнопки | <BUTTON accesskey= datafld= dataformats= datasrc= disabled= type=> | Не поддерживается |
Расположение текста в столбцах таблицы | <COL align= valign=> | Не поддерживается |
Свойства группы столбцов таблицы | <COLGROUP align= span= valign= width=> | Не поддерживается |
Условие на конец действия (Этот прайс |
<DEL cite= datetime=> | Не поддерживается |
Defining Instance of a term | <DFN> | Не поддерживается |
Контейнер вокруг других тэгов для использования в скриптах | <FIELDSET> | Не поддерживается |
Описание фонта | Не поддерживается определение POINT-SIZE (размер в pt) и WEIGHT (толщина шаг 100, от 100 до 900) | Здесь он в выигрыше! |
Включение текста <ILAYER> | Не поддерживается | Поддерживается |
Свойства тэга <A> | Не поддерживаются:
|
Не поддерживаются:
|
<ACRONYM> (не понял его назначения...) | Поддерживается | Не поддерживается |
Свойства <APPLET> | Не поддерживаются:
|
Не поддерживаются:
|
Свойства <IMG> | Все поддерживаются! |
Не поддерживаются:
|
Элемент выделения текста (как <DEL>) | <INS CITE="http://www.you.com/doc.doc"
DATETIME="1997-06-01T17:53:12+0:00">New procedure information... |
Не поддерживаются |
Генерация ключа в форме | <FORM> |
Не поддерживается |
Спецификация <LEGEND> | <FIELDSET ID="fld1"> |
Не поддерживается |
Свойства <LINK>
Лирическое отступление:
"Доброе слово про Mosaic" - |
Не поддерживаются:
|
Не поддерживаются:
|
Тэг <Q> (не понял где его использовать...) | Поддерживается | Не поддерживается |
Свойства <SELECT> в формах | Все поддерживаются! |
Не поддерживаются:
|
Тэг <SOUND> поддерживается только Mosaic 3.0 | Не поддерживается | Не поддерживается |
Горизонтальный или вертикальный отступ | Не поддерживается | <SPACER TYPE="" SIZE="" ALIGN="" HEIGHT="" WIDTH=""> |
Свойства <SPAN> | Поддерживаются все |
Не поддерживаются:
|
Свойства <TABLE> | Поддерживаются все |
Не поддерживаются:
|
Определение свойств таблицы | <TBODY align="" bgcolor="" valign=""> | Не поддерживается |
Свойства ячейки <TD> | Поддерживаются все |
Не поддерживаются:
|
Свойства заголовка таблицы <TH> | Поддерживаются все |
Не поддерживаются:
|
Свойства footer таблицы <TFOOT> | Поддерживаются все | Не поддерживаются |
Свойства head таблицы <THEAD> | Поддерживаются все | Не поддерживаются |
Свойства <TEXTAREA> | Поддерживаются все |
Не поддерживаются:
|
P.S. На сегодняшний день я использую IE 5.5 и NC 4.75, поэтому прошу сильно не возмущаться, если Вы увидите, что-либо не совпадающее с Вашим мнением. :-)