<!DOCTYPE html> — это самая первая строка HTML-документа. Она сообщает браузеру выполнять рендеринг в режиме стандартов, а не в режиме совместимости (старый режим, совместимый с ошибками, который эмулирует браузеры 1990-х годов).
...
Без doctype браузеры переходят в режим совместимости, который меняет поведение макета неожиданным образом — наиболее известное — модель блока:
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):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "...dtd">
HTML5 упростил его до просто <!DOCTYPE html> — он больше не указывает на DTD; это просто переключатель режима, который распознает браузер.
Всегда включайте <!DOCTYPE html> как первую строку.
Это гарантия в одну строку, что ваша страница использует современные, согласованные правила рендеринга, которые предполагает каждый учебник и фреймворк CSS — отсутствие этого приводит к загадочным, трудным для отладки различиям в макетах.
Библиотека вопросов для IT-собеседований с подробными ответами — от Junior до Senior.
Поддержать