[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"question-osnovy-html-chto-takoe-doctype-i-zachem-on-nuzhen":3},{"id":4,"slug":5,"topicId":6,"topicSlug":7,"topicName":8,"topicEmoji":9,"question":10,"answer":11,"codeLang":12,"codeSrc":12,"important":12,"commonMistakes":12,"modernUsage":12,"difficulty":13,"tags":14,"related":19,"progress":20,"seo":21},1237,"chto-takoe-doctype-i-zachem-on-nuzhen",39,"osnovy-html","Основы HTML","📄","Что такое DOCTYPE и зачем он нужен","DOCTYPE (Document Type Declaration) — это инструкция для браузера, указывающая, по какому стандарту разметки следует интерпретировать HTML-документ.\n\nБез DOCTYPE браузер переключается в режим совместимости (quirks mode), в котором рендеринг может отличаться от ожидаемого: иначе работают box model, CSS-свойства и JavaScript API.\n\n### Виды DOCTYPE\n\n**HTML5** (рекомендуется):\n```html\n\u003C!DOCTYPE html>\n```\n\n\u003Cdetails>\n\u003Csummary>DOCTYPE для устаревших стандартов\u003C\u002Fsummary>\n\n**HTML 4.01:**\n```html\n\u003C!-- Строгий -->\n\u003C!DOCTYPE HTML PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD HTML 4.01\u002F\u002FEN\"\n  \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fhtml4\u002Fstrict.dtd\">\n\n\u003C!-- Переходный -->\n\u003C!DOCTYPE HTML PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD HTML 4.01 Transitional\u002F\u002FEN\"\n  \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fhtml4\u002Floose.dtd\">\n\n\u003C!-- С фреймами -->\n\u003C!DOCTYPE HTML PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD HTML 4.01 Frameset\u002F\u002FEN\"\n  \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fhtml4\u002Fframeset.dtd\">\n```\n\n**XHTML 1.0:**\n```html\n\u003C!-- Строгий -->\n\u003C!DOCTYPE html PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD XHTML 1.0 Strict\u002F\u002FEN\"\n  \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fxhtml1\u002FDTD\u002Fxhtml1-strict.dtd\">\n\n\u003C!-- Переходный -->\n\u003C!DOCTYPE html PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD XHTML 1.0 Transitional\u002F\u002FEN\"\n  \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fxhtml1\u002FDTD\u002Fxhtml1-transitional.dtd\">\n```\n\n**XHTML 1.1:**\n```html\n\u003C!DOCTYPE html PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD XHTML 1.1\u002F\u002FEN\"\n  \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fxhtml11\u002FDTD\u002Fxhtml11.dtd\">\n```\n\n\u003C\u002Fdetails>\n\n### Режимы рендеринга браузера\n\n| Режим | Условие | Поведение |\n|-------|---------|-----------|\n| Standards mode | Корректный DOCTYPE | Рендеринг по спецификации W3C |\n| Quirks mode | Нет DOCTYPE или устаревший | Эмуляция поведения старых браузеров |\n| Almost standards | Некоторые переходные DOCTYPE | Почти стандартный, но с отличиями в таблицах |\n\n### Практический совет\n\nВсегда используйте `\u003C!DOCTYPE html>` в первой строке документа. Это самый короткий DOCTYPE, и он включает стандартный режим рендеринга во всех современных браузерах.\n\n> **На собеседовании:** скажите, что DOCTYPE нужен для переключения браузера в стандартный режим рендеринга. Для HTML5 это просто `\u003C!DOCTYPE html>`. Без него браузер может перейти в quirks mode с непредсказуемым рендерингом.","","junior",[15,16,17,18],"основы","html","frontend","синтаксис",[],null,{"title":22,"description":23,"ogTitle":22,"ogDescription":24,"keywords":25,"schemaAnswer":33,"featuredSnippetReady":34},"Что такое DOCTYPE и зачем он нужен — Gymterview","Что такое DOCTYPE, зачем он нужен: стандартный режим, quirks mode, виды DOCTYPE для HTML5, HTML 4.01, XHTML. Какой DOCTYPE использовать в современных проектах.","DOCTYPE указывает браузеру стандарт разметки. Без него включается quirks mode. Для HTML5: \u003C!DOCTYPE html>.",[26,27,28,29,30,31,32],"DOCTYPE","Document Type Declaration","quirks mode","standards mode","HTML5","DOCTYPE html","собеседование","DOCTYPE (Document Type Declaration) — инструкция для браузера, указывающая стандарт разметки HTML-документа. Без DOCTYPE браузер переключается в quirks mode с непредсказуемым рендерингом. Для HTML5 используется \u003C!DOCTYPE html> — самый короткий DOCTYPE, включающий стандартный режим.",true]