Прежде чем мы обсудим режим 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.
- DOCTYPE обычно сообщает вашему браузеру, что вы открываете HTML-страницу.
- Также браузеры решают, следует ли обрабатывать HTML-документ в режиме совместимости или в стандартном режиме.
Все, что находится перед DOCTYPE, например комментарий или объявление XML, вызовет режим причуд в Internet Explorer 9 и старше. Поэтому убедитесь, что вы добавили DOCTYPE в самом начале вашего HTML-документа.
Ссылки: https://developer.mozilla.org/en-US/docs/Web/HTML/Quirks_Mode_and_Standards_Mode