HTML и режимы «причуд» и «соответствия стандартам»: объясните и расскажите, почему нас это должно волновать?

В чем разница между режимом «причуд» и режимом «соответствия стандартам» при создании веб-страниц HTML?

Как отличить работу в одном режиме от другого? Почему люди - то есть веб-мастера, веб-дизайнеры и разработчики - должны заботиться о выборе режима соответствия стандартам вместо режима причуд?

Оправдан ли режим причуд при разработке нового контента?

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

Если вы разрабатываете в режиме причуд, то вы фактически просите браузер эмулировать ошибки до IE6. Это действительно то, что вы хотите делать?

Википедия объясняет основы режима причуда, но есть ряд особых случаев, которые он не охватывает. Ссылка предоставлена txwikinger дает хорошее объяснение истории и основные различия.

Юкка Корпела объясняет различия более подробно, а также как проверить режим совместимости:

Проверка режима Чтобы проверить, в каком режиме (Quirks vs. Standards) работает браузер,

В Firefox используйте команду View / Page Info (и посмотрите панель General); или если у вас есть расширение для веб-разработчиков, просто проверьте значок на его панели инструментов (третий значок справа).

Для IE введите javascript: alert (document.compatMode) в адресной строке и проверьте, появляется ли во всплывающем окне CSS1Compat (указывает на режим стандартов) или BackCompat (указывает на режим причуд); В качестве альтернативы загрузите и установите простой букмарклет Quirks or Standards Mode.

Стоит отметить, что многие браузеры имеют два режима, отличных от режима quirks - почти стандартный режим и стандартный режим. К сожалению, IE6 и IE7 работают только в режиме почти стандартов, и поэтому, если вам нужно поддерживать эти браузеры, заманчиво попробовать использовать режим почти стандартов во всех браузерах . Однако, вероятно, лучше развиваться против стандартов, а затем попытаться исправить причуды браузера. HTML5 будет предлагать только строгий режим, поэтому вы действительно должны попытаться развиваться против этого для будущей совместимости.

Как сказал @txwikinger, quirksmode - это сайт, который можно посмотреть здесь.

Единственная дополнительная информация, которая должна быть полезна, - это статья о том, как определить, какой режим использует ваш браузер на определенной странице: Определение режима Compat . Есть также расширения браузера, которые могут сделать это, например, панель инструментов веб-разработчика . Есть версия для FF и Chrome.

Я обнаружил, что если вы используете перезагрузки CSS или фреймворки, если вы не включили doctype для переключения уязвимых браузеров (обычно IE7 и IE8) в стандартный режим, многие позиционные вещи начинают работать неправильно. Почти всегда лучше установить декларацию типа документа и использовать режим стандартов.

В режиме Quirks браузер отображает страницы не так, как ожидается в соответствии со спецификацией HTML. В какой-то момент веб-браузеры получили то, что по сути является переключателем - включение типа документа в верхней части страницы. При отсутствии этого типа браузер переходит в режим причуд. Наличие действительного типа документа приводит браузер в стандартный режим, «правильный» режим.

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

Режим Quirks заставляет IE 6 и 7 отображать CSS иначе, чем утверждают стандарты.

Режим стандартов позволяет IE 6 и 7 отображать CSS ближе к стандартам, чем режим Quirks, и, следовательно, ближе к тому, как это делают Firefox, Safari, Chrome, Opera и IE 8/9.

Использование стандартного режима означает, что у вас меньше странных старых проблем с IE, которые нужно держать в голове, когда вы пытаетесь заставить работать чокнутую страницу. Это означает, что вы можете использовать такие книги, как CSS: «Полное руководство» Эрика Мейера, чтобы узнать, что должна делать ваша страница . Режим Quirks в IE не имеет такой всесторонней документации.

Это выбор между:

• Движок IE5 (или эмуляция ошибок)
• Нечто более современное (лучшее в не-IE, длинная история в IE8…)

Если вам нравится писать CSS, как в 1999 году, без центрирования, то используйте причуды.