Что делает DOCTYPE

Ответ

<!DOCTYPE> объявляет тип документа и версию HTML, помогая браузеру правильно отображать страницу. Он должен быть первой строкой в HTML-документе.

Пример:

<!DOCTYPE html>
<html>
  <head>...</head>
  <body>...</body>
</html>

Ключевые моменты:

  • В HTML5 используется сокращенная форма <!DOCTYPE html>
  • Без DOCTYPE браузер может перейти в режим совместимости (quirks mode), что может вызвать проблемы с отображением
  • Не является HTML-тегом, это инструкция для браузера
  • Регистр не имеет значения (doctype, DOCTYPE - одинаково работают)

Ответ 18+ 🔞

А, ну это про эту хуйню, которую в самом начале пишут! Слушай, вот бывает же — открываешь какой-нибудь файлик, а там первым делом торчит эта строчка: <!DOCTYPE>. И думаешь: «Ну и нахуя?»

А нахуя, оказывается, очень даже! Это, блядь, не просто так, это типа объявление браузеру: «Эй, мудила, смотри сюда! Дальше будет HTML, и вот именно такой версии, так что рендерь, сука, правильно, а не как тебе в голову взбредёт!»

Без этой хуйни браузер может впасть в какой-то древний, ёбаный режим совместимости, который называется «quirks mode». А там уже пиздец — всё плывёт, криво встаёт, отступы хуй пойми какие. Короче, волнение ебать, а результат — ноль.

Вот смотри, как это просто выглядит в наше время, в HTML5:

<!DOCTYPE html>
<html>
  <head>...</head>
  <body>...</body>
</html>

Видишь? Коротко и ясно: <!DOCTYPE html>. Всё, ебушки-воробушки, больше нихуя не надо. Никаких этих PUBLIC и прочей хуйни, как в старые добрые времена, когда код длиннее смысла был.

И главное — это ж не тег даже! Это типа директива, инструкция. Её пиздёныш-браузер читает самым первым и успокаивается. А регистр, кстати, вообще похуй — пиши хоть doctype, хоть DoCtYpE, ему всё равно, он не настолько прихуелший.

Так что не забывай эту строчку, а то потом будешь сидеть и ебать костыли, гадая, почему у тебя весь дизайн разъехался к чертям собачьим.