<!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.

Розробкою стандартів HTML мови (і не тільки HTML), інакше специфікацій, займається організація World Wide Web Consortium, W3C - Консорціум Всесвітньої павутини, офіційний сайт: www.w3.org. З історій виникнення даної організації її цілями і завданнями, Ви можете ознайомитися ТУТ,

Ось офіційні специфікації:

HTML 3.2- 14 січня 1997 року; www.w3.org/TR/REC-html32
HTML 4.0 - 18 грудня 1997 року; www.w3.org/TR/REC-html40-971218
HTML 4.01 -24 грудня 1999 року; www.w3.org/TR/html401

> Саме цими документами повинні керуватися як веб-майстри при створенні сайтів, так і розробники браузерів. <!DOCTYPE>.

Отже, заголовок <!DOCTYPE> вказує на тип документа - DTD (document type definition - опис типу документа) для правильної його інтерпретації браузерами, іншими словами вказував браузерам, згідно яким стандартам слід обробляти ту чи іншу сторінку.

Нижче перераховані основні варіанти <!DOCTYPE>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

- Строгий DTD. Використовуючи такий заголовок, веб-сторінка повинна в точності слідувати специфікації HTML 4.01 не використовувати теги і атрибути, позначені специфікацією як "небажані", а також не повинна використовувати фрейми.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

- Перехідний синтаксис HTML. При такому заголовку допускаються "вольності" при складанні документа, документ може містити теги і атрибути, помічені специфікацією HTML 4.01 як "небажані".

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

- Вказує, що в HTML-документі використовуються фрейми.

<!DOCTYPE html>

- А такий заголовок позначає, що використовується специфікація HTML 5.

Існують і інші варіанти заголовків <!DOCTYPE>, наприклад для XHTML, вище перераховані основні для HTML.

Заголовок <!DOCTYPE> прийнято розташовувати на самому початку документа перед тегом<html>

Як показано на прикладі:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
  "http://www.w3.org/TR/html4/strict.dtd">
<html lang="uk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Заголовок</title>
</head>
<body>
    
</body>
</html>

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

Синтакс

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

Приклади

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

До попереднього тегу До наступного тегу