Правильный DOCTYPE в HTML5

Опубликовано:

В HTML-нотации HTML5 регистр DOCTYPE-объявления формально не имеет значения, поэтому встречаются разные варианты его написания, например:

  • <!DOCTYPE HTML>
  • <!doctype html>

Но в HTML5 предусмотрена XML-нотация, называемая XHTML5. В XML ключевые слова (в данном случае DOCTYPE) набираются заглавными буквами, а имена элементов чувст­вительны к регистру символов: например, <p></p> и <P></P> — не одно и то же. В XHTML имена элементов должны быть в нижнем регистре. Подстрока html в составе DOCTYPE — имя корневого элемента документа, значит для неё тоже следует исполь­зовать нижний регистр:

<!DOCTYPE html>

Следовательно, именно этот вариант наиболее правильный и пред­почти­телен вне зависимости от используемой в HTML5-документе нотации.

Что такое DOCTYPE

DOCTYPE-объявление располагается в самом начале кода HTML-документа и необходимо для пере­ключения браузера в режим соответствия стандартам. Только в этом режиме можно рассчитывать на едино­образное отображение HTML-страницы в разных браузерах. (Браузер — это программа для просмотра сайтов.)

Без DOCTYPE (либо при неправильном DOCTYPE) браузеры отображают страницу в режиме совместимости со старыми браузерами — вплоть до имитации их ошибок (багов). Кроме того, современные возможности (например, поддержка CSS-свойства padding для элемента IMG) доступны только в режиме соответствия стандартам. Следует всегда снабжать HTML-документы DOCTYPE-объявлением.