Ответ
<!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, ему всё равно, он не настолько прихуелший.
Так что не забывай эту строчку, а то потом будешь сидеть и ебать костыли, гадая, почему у тебя весь дизайн разъехался к чертям собачьим.