Что такое DOCTYPE и зачем он нужен?

Question

— это инструкция для браузера, которая сообщает, в каком режиме он должен обрабатывать HTML-код. Без этого браузер может работать в режиме совместимости (quirks mode), что может привести к неправильному отображению страницы. Современные страницы обычно используют для включения стандартного режима, который поддерживает современные веб-технологии.Пример: Пример

Привет, мир!

YeaHub · Accepted Answer

— это инструкция для браузера, которая сообщает, какую версию спецификации HTML использовать при обработке страницы. Она не является HTML-тегом и не отображается в интерфейсе страницы.Веб-страницы могут отображаться по-разному в зависимости от того, включён ли режим стандартов или режим совместимости:Режим стандартов: Браузер рендерит страницу в соответствии с современными стандартами HTML и CSS.Режим совместимости (quirks mode): Браузер имитирует устаревшее поведение для старых веб-страниц.Почему это важно?Если декларация отсутствует, браузеры могут неправильно интерпретировать код страницы, особенно при использовании CSS. Например, размеры блоков и обработка таблиц могут отличаться.Пример:Минимальная HTML-страница: Документ

Пример страницы

История HTML 4.01:Декларация была более сложной, так как включала ссылки на DTD (Document Type Definition). Пример:Это указывало браузеру на строгий режим без устаревших элементов.HTML5:Упрощённая форма , так как HTML5 больше не использует DTD.Как работает ?Когда браузер видит декларацию , он:Переходит в режим стандартов.Интерпретирует HTML и CSS в соответствии с современными спецификациями.Если отсутствует, браузер включает режим совместимости, где поддерживается устаревшее поведение. Это может привести к визуальным и функциональным ошибкам.Практический пример:Без :Браузер может интерпретировать ширину блока с width: 100px; как включая отступы (margin) и границы (border).С :Браузер интерпретирует только содержимое блока в соответствии с CSS-бокс-моделью. нужен для того, чтобы браузер правильно рендерил страницу в современном режиме стандартов. Это обязательная часть любого HTML-документа, которая задаёт основу для корректного отображения и работы вашего сайта.