Элемент <!DOCTYPE>

<!DOCTYPE> это не тег, а элемент, по сути самый важный, который указывает тип текущего документа — DTD (document type definition - описание типа документа). Указание типа документа необходимо для того, чтобы браузер понимал, как интерпретировать (расценивать) текущую веб-страницу, так как HTML имеет несколько спецификации, кроме того, имеется XHTML (EXtensible HyperText Markup Language - расширенный язык разметки гипертекста), похожий на HTML, но различающийся с ним по синтаксису. <!DOCTYPE> необходимо указывать в самом начале веб-страницы, чтобы браузер понимал, согласно какому стандарту отображать веб-страницу.

В зависимости от версии языка, используется несколько видов <!DOCTYPE> HTML 4.01 или HTML 5

Поддержка браузерами

Логотип браузера Internet Explorer/Edge IE / EdgeЛоготип браузера Chrome ChromeЛоготип браузера Opera OperaЛоготип браузера Safari SafariЛоготип браузера Safari YandexЛоготип браузера Firefox FirefoxЛоготип  Android AndroidЛоготип Apple iOS
Галочка Галочка Галочка Галочка Галочка Галочка Галочка Галочка

Синтаксис тега

<!DOCTYPE [Элемент верхнего уровня] [Публичность] "[Регистрация] // [Организация] // [Тип] [Имя] // [Язык]" "[URL]">

Параметры

Элемент верхнего уровня — для HTML это тег <html>.

Публичность — указывается является ли документ публичным (значение PUBLIC) или системным (значение SYSTEM).

Регистрация — сообщает о наличии регистрации разработчика DTD в международной организации по стандартизации (International Organization for Standardization, ISO). Может иметь одно из двух значений: плюс (+), если зарегистрирован в ISO и - минус (-), если не зарегистрирован. Для W3C значение ставится «-».

Организация — Название организации, разработавшей DTD. Официально HTML/XHTML публикует W3C, это название и пишется в <!DOCTYPE>.

Тип — тип документа. Для HTML/XHTML значение указывается DTD.

Имя — уникальное имя документа для описания DTD.

Язык — язык документа. Содержит две буквы, указывается обязательно в верхнем регистре. Для документа HTML/XHTML указывается английский язык (EN).

URL — адрес документа с DTD.

Закрывающий тег

Нет закрывающего тега

Различия HTML 5 от HTML 4.01

Существует три различных объявления <!DOCTYPE> в HTML 4,01. В HTML5 есть лишь один

HTML 4.01 со строгим HTML синтаксисом

Этот DTD содержит все элементы и атрибуты HTML, но не включает в себя презентационные или устаревшие элементы (например, шрифт). Фреймов не допускаются.

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

HTML 4.01 с переходным синтаксисом HTML

Этот DTD содержит все элементы и атрибуты HTML, включая презентационные и устаревшие элементы (например, шрифт). Фреймов не допускаются.

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

HTML 4.01 с применением фреймов

Этот DTD абсолютно равнозначен HTML 4.01 с переходным синтаксисом, но он позволяет использовать фреймы.

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

XHTML 1.0 со строгим синтаксисом

Этот DTD содержит все элементы и атрибуты HTML, но не включает в себя презентационные или устаревшие элементы (например, шрифт). Фреймов не допускаются. Разметка также должна быть написана как хорошо сформированный XML.

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

XHTML 1.0 с переходным синтаксисом HTML

Этот DTD содержит все элементы и атрибуты HTML, включая презентационные и устаревшие элементы (например, шрифт). Фреймов не допускаются. Разметка также должна быть написана как хорошо сформированный XML.

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

XHTML 1.0 с использованием фреймов

Этот DTD абсолютно равнозначен XHTML 1.0 с переходным синтаксисом, но он позволяет использовать фреймы.

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

XHTML 1.1

Этот DTD равнозначен XHTML 1.0 со строгим синтаксисом, но он позволяет использовать модули.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

HTML 5

HTML 5 не основан на SGML и поэтому не требует ссылки на DTD. Объявление этого типа документа наиболее простое и является новым стандартом при HTML вертске. Так что этот <!DOCTYPE> Вы будете использовать в 99% случаев. 

<!DOCTYPE html>

Пример объявления HTML 5

<!DOCTYPE html>
<html>
	<head>
		<title>Ваш шедевр готов!</title>
		<meta charset="utf-8">
	</head>
	<body>
  <p>С другой стороны сложившаяся структура организации способствует подготовки и реализации дальнейших направлений развития. С другой стороны постоянный количественный рост и сфера нашей активности способствует подготовки и реализации модели развития. Задача организации, в особенности же постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. Идейные соображения высшего порядка, а также консультация с широким активом позволяет выполнять важные задания по разработке системы обучения кадров, соответствует насущным потребностям. Равным образом укрепление и развитие структуры позволяет оценить значение новых предложений. Повседневная практика показывает, что дальнейшее развитие различных форм деятельности требуют определения и уточнения систем массового участия.</p>
	</body> 
</html>

Результат выполнения кода

Ваш шедевр готов!

С другой стороны сложившаяся структура организации способствует подготовки и реализации дальнейших направлений развития. С другой стороны постоянный количественный рост и сфера нашей активности способствует подготовки и реализации модели развития. Задача организации, в особенности же постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. Идейные соображения высшего порядка, а также консультация с широким активом позволяет выполнять важные задания по разработке системы обучения кадров, соответствует насущным потребностям. Равным образом укрепление и развитие структуры позволяет оценить значение новых предложений. Повседневная практика показывает, что дальнейшее развитие различных форм деятельности требуют определения и уточнения систем массового участия.

Наверх