Какова цель ``?

Question

Какова цель `<!DOCTYPE html>`?

Accepted Answer

`` — это самая первая строка HTML-документа. Она сообщает браузеру выполнять рендеринг в **режиме стандартов**, а не в **режиме совместимости** (старый режим, совместимый с ошибками, который эмулирует браузеры 1990-х годов). ```html ... ``` ## Режим стандартов и режим совместимости Без doctype браузеры переходят в **режим совместимости**, который меняет поведение макета неожиданным образом — наиболее известное — **модель блока**: ```text Quirks mode: width includes padding + border (old IE box model) Standards mode: width is the content box (CSS spec) — predictable ``` Другие особенности включают различное обращение с line-height в ячейках таблицы, интервалы между изображениями и единицы CSS. Эти несоответствия приводят к тому, что аккуратно написанный CSS отображается по-другому, поэтому вы почти всегда хотите режим стандартов. ## Почему он теперь такой короткий В HTML4/XHTML doctype был длинный URL, ссылающийся на DTD (Document Type Definition): ```html ``` HTML5 упростил его до просто `` — он больше не указывает на DTD; это просто переключатель режима, который распознает браузер. ## Почему это важно Всегда включайте `` как первую строку. Это гарантия в одну строку, что ваша страница использует современные, согласованные правила рендеринга, которые предполагает каждый учебник и фреймворк CSS — отсутствие этого приводит к загадочным, трудным для отладки различиям в макетах.