Режим совместимости (quirks mode) — это режим рендеринга веб-страниц, в котором браузеры имитируют поведение старых браузеров (например, Netscape 4 или Internet Explorer 5) для обеспечения обратной совместимости с веб-страницами, написанными с учётом их особенностей и ошибок.

Основные характеристики режима совместимости:

Нестандартная блочная модель (box model): В некоторых браузерах в quirks mode padding и border включаются в общую ширину элемента.
Нестандартное поведение float и vertical-align: Могут проявляться ошибки или непредсказуемое поведение CSS-свойств, связанных с выравниванием и обтеканием.
Различия в обработке шрифтов и размеров: Могут некорректно применяться CSS-правила для определения размеров шрифтов и других элементов.
Отсутствие поддержки современных стандартов: Некоторые возможности CSS3 и HTML5 могут быть недоступны или работать некорректно.

Браузеры переходят в режим совместимости, если веб-страница не имеет корректного doctype или doctype указан в устаревшем формате. Наличие полного и правильного DOCTYPE (например, <!DOCTYPE html>) переводит браузер в стандартный режим рендеринга (standards mode).

Пример правильного DOCTYPE для стандартного режима:

html

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