Многие новички ошибочно считают, что !DOCTYPE - это обычный HTML-тег. На самом деле, это не так! Это скорее важная инструкция для браузера, которая четко определяет тип документа и указывает, какая именно версия HTML используется на странице. Чтобы всё работало как надо, эту директиву необходимо размещать в самом начале кода, перед тегом <html>.

В современном веб-разработке для HTML5 и более новых версий синтаксис объявления предельно прост:

!DOCTYPE html

Наличие этой строки в коде - залог стабильной работы. Если браузер видит объявление !DOCTYPE, он мгновенно переключается в «Режим стандартов» (Standards mode). В таком режиме браузер честно и корректно обрабатывает код строго в соответствии со спецификациями указанной версии HTML.

А вот если вы забудете про эту директиву, произойдет кое-что неприятное. Браузер автоматически включит «Режим совместимости» (Quirks mode). Это означает, что современные браузеры начнут намеренно имитировать ошибки и баги старых устаревших движков! Они решат, что ваша страница написана для древних версий браузера. В результате спецификации HTML и CSS начинают игнорироваться, а поведение браузера становится абсолютно непредсказуемым. Отображение сайта может «поплыть» и выглядеть совершенно по-разному в разных браузерах.

Примечание: Пожалуйста, не забывайте всегда добавлять объявление !DOCTYPE в ваши HTML-документы. Это поможет браузеру точно понять, с какой версией HTML он имеет дело, и корректно обработать код вашей веб-страницы. При этом сама по себе эта инструкция никак не отображается на экране пользователя.

Отсутствуют

!DOCTYPE html html head titleЗаголовок/title /head body pСодержимое документа/p /body /html