Прежде чем мы обсудим режим Quirks Mode, пробовали ли вы когда-нибудь проверить, в каком режиме ваш HTML-документ работает в браузерах?

Если нет, попробуйте запустить следующий скрипт в консоли вашего браузера.

document.compatMode==='CSS1Compat' ? 'Standards' : 'Quirks';

ваш вывод будет «Стандарты» или «Причуды».

Что такое Quirks Mode?

Режим Quirks - это метод, используемый некоторыми веб-браузерами для поддержания обратной совместимости с веб-страницами, разработанными для Internet Explorer 5 и более ранних версий. В настоящее время все современные браузеры полностью реализованы в стандартном режиме по умолчанию после поддержки HTML5.

Чем отличается Quirks Mode от стандартного режима?

<!DOCTYPE html>
<html>
  <head>
    <meta charset=UTF-8>
    <title>Hello World!</title>
  </head>
  <body>
  </body>
</html>

DOCTYPE, показанный в примере <!DOCTYPE html>, рекомендуется HTML5.

  1. DOCTYPE обычно сообщает вашему браузеру, что вы открываете HTML-страницу.
  2. Также браузеры решают, следует ли обрабатывать HTML-документ в режиме совместимости или в стандартном режиме.

Все, что находится перед DOCTYPE, например комментарий или объявление XML, вызовет режим причуд в Internet Explorer 9 и старше. Поэтому убедитесь, что вы добавили DOCTYPE в самом начале вашего HTML-документа.

Ссылки: https://developer.mozilla.org/en-US/docs/Web/HTML/Quirks_Mode_and_Standards_Mode