html теґ <!DOCTYPE>

<!DOCTYPE> призначений для задання типу поточного документа - DTD (document type definition, опис типу документа).

<!DOCTYPE> повинен бути першим елементом в вашому html-документі, він повинен йти перед тегом <html>.

<!DOCTYPE> це декларація, а не html тег, це інструкція для веб-браузера про те, як інтерпретувати поточну HTML сторінку, оскільки HTML існує в декількох версіях, крім того, є XHTML (EXtensible HyperText Markup Language, розширена мова розмітки гіпертексту), схожа на HTML, але розрізняється з ним по синтаксису. І щоб браузер правильно інтерпретував вашу сторінку необхідно завжди вказувати <!DOCTYPE>

В HTML 4.01 <!DOCTYPE> відноситься до DTD, тому що HTML 4.01 заснований на SGML. DTD визначає правила для мови розмітки, так що браузери коректно відображати вміст.

HTML5 не грунтується на SGML, отже, не вимагає посилання на DTD.

Загальні `<!DOCTYPE>` декларації.
DOCTYPE Опис
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Цей DTD містить всі HTML елементи і атрибути, але не включає перехідні та застарілі елементи (такі як font). Використання фреймів не допускається.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Цей DTD містить всі HTML елементи і атрибути, у тому числі перехідні та застарілі елементи (наприклад, font). Використання фреймів не допускається.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> Цей DTD рівноцінний HTML 4.01 Transitional, але дозволяє використовувати фрейми.`
HTML 5
<!DOCTYPE html> Для HTML5 документів.
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Цей DTD містить всі HTML елементи і атрибути, але не включає перехідні та застарілі елементи (такі як font). Використання фреймів не допускається. Розмітка повинна відповідати XML синтаксису.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Цей DTD містить всі HTML елементи і атрибути, у тому числі перехідні та застарілі елементи (наприклад, font). Використання фреймів не допускається. Розмітка повинна відповідати XML синтаксису.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> Цей DTD містить всі HTML елементи і атрибути, у тому числі перехідні та застарілі елементи (наприклад, font) та фрейми. Розмітка повинна відповідати XML синтаксису.
XHTML 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> Цей DTD ідентичний XHTML 1.0 Strict, але дозволяє додавати модулі (наприклад, модуль підтримки східно-азіатських мов).
Порада:

Завжди вказуйте <!DOCTYPE>.

Порада:

<!DOCTYPE> декларації не чутливі до регістру.

Синтаксис

<!DOCTYPE [Елемент верхнього рівня] [Публічність] "[Реєстрація]//[Организація]//[Тип] [Ім’я]//[Мова]" "[URL]">

У теґа <!DOCTYPE> відсутні власні атрибути.

Теґ <!DOCTYPE> не підтримує жодних загальних атрибутів.

Більше інформації про загальні атрибути за посиланням Загальні атрибути в html.

Теґ <!DOCTYPE> не підтримує жодних атрибутів подій.

Більше інформації про html події за посиланням Атрибути подій в html.

Переглядачі

Переглядач

1+

1+

1+

7+

5+

12+

Переглядач

1+

1+

1+

1+


Мобільних переглядачів ще не додано.

Приклади


Найпростіший приклад використання HTML декларації <!DOCTYPE>

See the Pen DOCTYPE_css_in_ua by css.in.ua (@css_in_ua) on CodePen.

Різниця між HTML 4.01 та HTML5


Для HTML 4.01 існує три різних <!DOCTYPE> декларації.

У HTML5 є тільки одна:

<!DOCTYPE HTML>

Різниця між XHTML та HTML


Немає жодної різниці.

CSS стиль без задання

Синтаксис ще не додано

Додаткові посилання