Режим совместимости — это режим рендеринга веб-страниц, в котором браузер имитирует поведение ранних версий браузеров, например, ранних версий Internet Explorer до появления стандарта HTML 4/CSS 2.1.

Он включается, когда в документе отсутствует или указан некорректный DOCTYPE. Это приводит к нестандартным правилам применения CSS, расчёта размеров элементов (прежде всего, блочной модели) и обработки JavaScript. Например, в режиме совместимости блочная модель может использовать border-box вместо стандартного content-box для расчёта width и height.

Существуют три основных режима рендеринга:

Quirks Mode (режим совместимости): Включается при отсутствии или некорректном DOCTYPE. Имитирует старое поведение браузеров.
Strict Mode (стандартный режим): Включается при наличии полного корректного DOCTYPE. Следует современным веб-стандартам.
Almost Standards Mode (режим почти по стандарту): Включается при определённых DOCTYPE, например, для HTML 4.01 Transitional с отсутствующей URI System Identifier. Почти полностью соответствует Strict Mode, но с небольшими отличиями в обработке вертикального выравнивания ячеек таблицы.

Использование режима совместимости не рекомендуется, так как он ведёт к непредсказуемому поведению, трудностям в отладке стилей и проблемам совместимости между различными браузерами. Для избегания включения режима совместимости необходимо всегда указывать полный и корректный DOCTYPE в начале HTML-документа, например:

html

Проверить режим рендеринга можно в инструментах разработчика браузера.

Что такое режим совместимости (quirks mode) в веб-разработке?