Що таке doctype в HTML

Що таке DOCTYPE?

<!DOCTYPE html> — це декларація, яка розміщується на самому початку HTML-документа. Вона повідомляє браузеру, в якій версії HTML написана сторінка і як її рендерити.

Без DOCTYPE браузер може перейти в Quirks Mode, де намагається емітувати стару, нестандартну поведінку для зворотної сумісності. Це може призвести до несумісного рендерингу в різних браузерах.

З правильним DOCTYPE браузер використовує Standards Mode, рендерячи сторінку відповідно до специфікацій W3C.

DOCTYPE в HTML5

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>My Page</title>
</head>
<body>
  <h1>Hello World</h1>
</body>
</html>

В HTML5 декларація є надзвичайно простою: <!DOCTYPE html>. Раніші версії HTML мали значно довші декларації:

html

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

<!-- XHTML 1.0 Strict -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Режими рендерингу

Режим	Опис
Standards Mode	Браузер суворо дотримується специфікацій W3C
Quirks Mode	Браузер емітує стару, нестандартну поведінку
Almost Standards Mode	Невеликі особливості для розміру комірок таблиці, в іншому — стандарти

Ключові моменти

DOCTYPE — це не HTML-тег — це інструкція для браузера
Він повинен бути найпершою річчю в документі (перед <html>)
Він не чутливий до регістру: <!DOCTYPE html>, <!doctype html>, <!Doctype HTML> — всі варіанти працюють
Відсутність DOCTYPE викликає Quirks Mode, що може зламати макети

Важливо:

Завжди включайте <!DOCTYPE html> на початку кожного HTML-документа. Це забезпечує послідовний рендеринг, що відповідає стандартам, у всіх браузерах.

Коротка відповідь

Для співбесіди

Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.

Дочитали статтю?

Практика завдань

Що таке doctype в HTML