Для чего предназначен тег doctype html

Элемент

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

Существует несколько видов , они различаются в зависимости от версии языка, на которого ориентированы. В табл. 1. приведены основные типы документов с их описанием.

Табл. 1. Допустимые DTD

DOCTYPE	Описание
HTML 4.01
	Строгий синтаксис HTML.
	Переходный синтаксис HTML.
	В HTML-документе применяются фреймы.
HTML 5
	Для всех документов.
XHTML 1.0
	Строгий синтаксис XHTML.
	Переходный синтаксис XHTML.
	Документ написан на XHTML и содержит фреймы.
XHTML 1.1
	Разработчики XHTML 1.1 предполагают, что он постепенно вытеснит HTML. Никакого деления на виды это определение не имеет, синтаксис один и подчиняется четким правилам.

Синтаксис

Параметры

Элемент верхнего уровня — указывает элемент верхнего уровня в документе, для HTML это тег .

Публичность — объект является публичным (значение PUBLIC ) или системным ресурсом (значение SYSTEM ), например, таким как локальный файл. Для HTML/XHTML указывается значение PUBLIC .

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

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

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

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

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

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

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

Пример 1. HTML 4.01

HTML 4.01 IE Cr Op Sa Fx

   !DOCTYPE  Разум — это Будда, а прекращение умозрительного мышления — это путь. Перестав мыслить понятиями и размышлять о путях существования и небытия, о душе и плоти, о пассивном и активном и о других подобных вещах, начинаешь осознавать, что разум — это Будда, что Будда — это сущность разума, и что разум подобен бесконечности.

Пример 2. HTML 5

HTML5 IE Cr Op Sa Fx

   !DOCTYPE Разум — это Будда, а прекращение умозрительного мышления — это путь. Перестав мыслить понятиями и размышлять о путях существования и небытия, о душе и плоти, о пассивном и активном и о других подобных вещах, начинаешь осознавать, что разум — это Будда, что Будда — это сущность разума, и что разум подобен бесконечности.

Браузеры

Internet Explorer до версии 6.0 требует, чтобы стоял обязательно в первой строке кода. В противном случае браузер переходит в режим совместимости (quirk mode).

Хотя значение URL является не обязательным, браузеры при его отсутствии могут перейти в режим совместимости, поэтому всегда указывайте полный путь к DTD-файлу, как показано в табл. 1.

Статьи по теме

Атрибут target
Введение в HTML
Выравнивание элементов
Доктайп
Написание корректного кода
Почти стандартный режим
Пять вещей, которые надо знать об HTML5
Режим совместимости
Режимы браузеров
Рекомендации по доктайпу
Синтаксис HTML5
Синтаксис XHTML
Ссылка на новое окно
Стандартный режим
Структура HTML-кода
Структура XHTML-документа
Структура кода
Что всё это значит?

Объявление !DOCTYPE

Элемент !DOCTYPE (от англ. » doc ument type » ‒ «тип документа») ‒ это объявление типа документа, которое является обязательным вступлением к документу. « !DOCTYPE » необходим для того, что бы агент пользователя мог отличить документ, написанный с помощью определённой версии HTML от документов, написанных с помощью других версий HTML и как следствие применить необходимые средства обработки документа для лучшей визуализации этого документа.

Примечание

Данный элемент не относится к тегам!

В случае отсутствия элемента « !DOCTYPE » браузеры, как правило, (в зависимости от своих особенностей) могут использовать режим визуализации, который несовместим с некоторыми спецификациями, что может привести к неправильному или некорректному отображению web-страницы. Например, Internet Explorer в подобной ситуации переходит в режим «Quirks Mode», то есть в режим совместимости.

Условия использования

По уже сложившейся традиции HTML документ должен начинаться с элемента « !DOCTYPE », после которого должен идти html элемент, обозначающий границы разметки документа. XHTML документ может так же начинаться с обязательного элемента « !DOCTYPE », но в некоторых случаях (описанных в XHTML 1.1) перед « !DOCTYPE » объявлением может присутствовать XML объявление [ ].

Элемент DOCTYPE. Что это такое и зачем он нужен

Приветствую Вас, уважаемые читатели! Сегодня короткий материал о специальном теге doctype. В статье вы узнаете что такое doctype, зачем он нужен и какие бывают версии html-документов.

В любом правильном html-документе, первым элементом в коде идет специальная директива .

Что такое DOCTYPE и зачем он нужен

Элемент — DTD (document type definition, описание типа документа) указывает тип документа, который используется при написании html кода. Это непарный тег, который должен стоять самым первым в коде каждой страницы вашего сайта.

Директива doctype необходима, чтобы браузер понимал как обрабатывать текущую веб-страничку, так как существует несколько версий языка HTML, а еще имеется XHTML (EXtensible HyperText Markup Language, расширенный язык разметки гипертекста), который похож на HTML, но различается с ним по синтаксису.

Поэтому если вы хотите, чтобы ваш сайт отображался одинаково красиво и ровно во всех популярных браузерах, то обязательно указывайте эту директиву с версией языка html, которую вы используете. Причем doctype следует указывать с общепринятыми правилами.

Если вы будете пользоваться неполным тегом DOCTYPE, устаревшим его видом, или вообще забудете про него, то браузер перейдет в хитрый режим уловок — quirks mode. И возможно странички вашего сайта отобразятся правильно в каких-то браузерах, но не факт, что они будут выглядеть также аккуратно в других популярных браузерах.

Основные типы документов

Ниже приведены основные типы документов:

DOCTYPE	Описание
HTML 4.01
	Строгий синтаксис HTML
	Переходный синтаксис HTML
	В HTML-документе применяются фреймы
HTML 5
XHTML 1.0
	Строгий синтаксис XHTML
	Переходный синтаксис XHTML
	XHTML-документе применяются фреймы
XHTML 1.1

Пример использования doctype для HTML5:

При выборе вида doctype следует иметь ввиду, что если вы пишите свой сайт в одном doctype, то не рекомендуется менять его в будущем на какой-то другой, так как скорей всего возникнут проблемы с правильным отображением сайта в различных браузерах, так как со сменой doctype вы поменяете правила обработки тегов браузерами.

Таким образом указав doctype вы указываете браузерам по каким правилам обрабатывать ваш html-код. Если же doctype не указать, то соответственно различные браузеры будут интерпретировать ваши теги по разному и следовательно отображение вашего сайта в некоторых браузерах скорей всего будет не корректным.

Какой doctype использовать?

Выбрать какой doctype использовать стало проще с выходом последней версии HTML5. Так как doctype html5 включает в себя правила предыдущих версий и возможность работы с тегами html4.

Поэтому при выборе вида doctype я рекомендую выбирать пятую версию html и в первой строчке своих страничек ставить:

Вывод

DOCTYPE — это элемент, который указывает тип документа и определяет правила по, которым браузер будет обрабатывать ваш html-код;
элемент doctype всегда должен быть размещен в первой строчке документа;
всегда указывайте doctype, иначе ваши странички могут отображаться некорректно;
если не знаете какой doctype использовать, указывайте doctype html5: .

На этом все, желаю вам успехов! До новых встреч!