My<cod/>.net
HTML различия между браузерами
Знаете ли вы о каких-либо различиях в обработке HTML тегов/свойств в разных браузерах? Например, я однажды видел страницу с тегом ввода С полем maxlength, равным "2o". Firefox и Opera игнорируют "o" и устанавливают максимальную длину в 2, в то время как Internet Explorer полностью игнорирует это поле. Может быть, вы знаете еще что-нибудь?
(Примечание: учитывая, что это, вероятно, будет список, было бы здорово, если бы общее название различия было выделено жирным шрифтом, например: различная обработка неустойчивых значений в свойствах тега )
Списки Ошибок
Веб-разработчики уже составили несколько довольно полных списков; я думаю, что лучше составить список ресурсов, чем дублировать эти списки.
- http://www.positioniseverything.net/
- http://www.richinstyle.com/bugs/table.html
- http://www.quirksmode.org/ (как упоминал Кристофер Джонсон )
Javascript
Я согласен с Крейгом - лучше всего программировать Javascript, используя библиотеку, которая обрабатывает различия между браузерами (а также упрощает такие вещи, как пространство имен, обработка событий AJAX и контекст). Вот переход к ответу Крейга (на этой странице).
CSS сбрасывает
CSS сброс может действительно упростить веб-разработку. Они переопределяют настройки, которые немного различаются между браузерами, чтобы дать вам более общую отправную точку. Мне нравится Yahoo YUI Reset CSS .
Если вы программируете в javascript, лучший совет, который я могу дать, - это использовать библиотеку javascript вместо того, чтобы пытаться запустить свою собственную. Библиотеки хорошо протестированы, и угловые случаи, скорее всего, были обнаружены.
Scriptalicious - http://script.aculo.us/
jQuery - http://jquery.com/
Майкрософт AJAX - http://www.asp.net/ajax/
Dojo - http://dojotoolkit.org/
Прототип - http://www.prototypejs.org/
YUI - http://developer.yahoo.com/yui/
Несогласованный синтаксический анализ XHTML в режиме HTML
HTML Парсеры не предназначены для обработки XML.
Если документ XHTML подается как "text/html“, а рекомендации по совместимости не соблюдаются, вы можете получить неожиданные результаты.
Пустые теги - один из возможных источников проблем. <tag/> и <tag></tag> эквивалентны в XML. Однако парсер HTML может интерпретировать их двумя способами.
Например, Opera и IE трактуют <br></br> как два <br>, а Firefox и WebKit трактуют <br></br> как один <br>.
Единственное, что меня действительно раздражает, - это сломанная функция IE document.getElementById javascript - в большинстве браузеров это даст вам что-то, имеющее указанный вами идентификатор, IE с радостью даст вам что-то, имеющее значение в атрибуте name, даже если позже в документе будет что-то с идентификатором, который вы просили.
Пользуюсь сайтом, который позволяет сравнить html код онлайн
Однажды я видел страницу с тегом ввода
с полем maxlength, установленным на "2o".
Однажды я видел страницу с тегом ввода с полем maxlength, установленным на "2o".
В данном конкретном случае речь идет о недопустимом коде. Атрибут maxlength не может содержать букв, только цифры.
То, что браузеры делают с неверным кодом, сильно варьируется, как вы можете убедиться сами.
Если вы действительно спрашиваете: "что делают все разные браузеры, когда сталкиваются с кодом HTML, который по любой из бесконечного числа причин сломан?", на этом пути лежит безумие.
Мы можем значительно сократить пространство проблем, используя допустимый код.
Таким образом, использование действительных HTML. Тогда у вас остаются две основные проблемные области:
- Ошибки браузера - как браузер следует стандарту HTML и что он делает неправильно
- различия в настройках браузера по умолчанию, например, количество отступов/полей, которые он дает телу