Doctype html public ietf dtd html en html: Почему важен DOCTYPE и как его правильно использовать / Хабр

Содержание

Почему важен DOCTYPE и как его правильно использовать / Хабр

Решил проводить регулярные лекции и практические занятия со своими сотрудниками по программированию на PHP, MySQL, Javascript. А также другим технологиям необходимым для выпуска качественных сайтов. Начать решил с самого «верха», с HTML тэгов. Буду рад, любым комментариям 🙂
Сразу оговорюсь, что бОльшая часть информации я нашел в интернете, внизу статьи будут приведены ссылки на источники. Часть информации была переведена совместно с google translate.
Итак:

Почему так важен DOCTYPE

Вроде бы вы сделали все правильно, но ваш сайт почему-то не выглядит или не работает, как ожидалось, в последних версиях броузеров.
Вы написали правильный стандартный XHTML код и стандартный CSS. Вы воспользовались стандартной спецификацией для работы с DOM (Document Object Model), чтобы управлять динамическими элементами на странице. И все-таки, в броузерах, которые казалось бы сделаны с соблюдением именно этих стандартов, ваш сайт не работает. Скорей всего, ошибка кроется в неправильном заголовке DOCTYPE.

Эта небольшая статья расскажет вам о заголовках DOCTYPE, которые работают, а также объяснит практическое и теоретическое значение этого, казалось бы отвлеченного от реальности, тега.

Что такое DOCTYPE?


Согласно спецификациям HTML и XHTML тег DOCTYPE (что означает «объявление типа документа») сообщает валидатору, какую именно версию (X)HTML вы используете в своей странице. Этот тег должен всегда находиться в первой строке каждой страницы. Тег DOCTYPE — ключевой компонент web-страниц, претендующих на соответствие стандартам: без него ваш код и CSS не пройдут проверку валидатором.
Тег DOCTYPE также важен для правильного отображения и работы страницы в броузерах, соответствующих стандартам (Mozilla, IE5/Mac, и IE6/Win).
Тег DOCTYPE, в атрибутах которого указывается полный URI (полный web-адрес), сообщает броузерам, что страницу нужно вывести с соблюдением определенного стандарта или подвида этого стандарта.
Если вы будете пользоваться неполным тегом DOCTYPE, устаревшим его видом, или вообще забудете про него, броузер перейдет в «загадочный» (quirk) режим и будет исходить из предположения, что вы писали код страницы с ошибками и вольно отступали от стандартов, т.е. так, как писали в конце 90-ых годов.
В этом режиме броузер попытается разобрать вашу страницу по правилам обратной совместимости и выведет на экран, например, CSS так, как его вывел бы Internet Explorer 4-ой версии, а DOM будет работать так, как он работал именно в этом броузере (IE переключается в свой старый DOM, а Mozilla и Netscape 6 переключается вообще в бог знает что).
Понятно, что для вас эти выкрутасы не желательны. Но именно это вы и получите, если будете пользоваться неполным или неправильным тегом DOCTYPE.

Проблема


Когда создавали NN4, IE4 выполняли правила CSS не совсем в соответствии со стандартом. Реализация Netscape была просто ужасной, IE4 подошел к реализации стандарта лучше, но тем не менее, реализовал его не до конца. Хотя IE 5 Windows исправил множество ошибок IE 4, но оставались другие сбои в CSS (в основном в модели окон (window model)).
Поэтому, когда соответствие стандартам стало важным, W3C поставил производителей браузеров перед жестким выбором.
Приблизится к спецификации W3C было одним из решений проблемы, но если бы производители браузеров просто изменили реализацию CSS, чтобы соответствовать стандартам полностью, многие веб-сайты, «поползли» бы в большей или меньшей степени или оказались полностью неработоспособными. Такое сближение с соблюдением стандарта повлекло бы за собой проблемы. С другой стороны, не приведение к соответствию стандартов могло бы внести вечную путаницу в эпоху войны браузеров.

Решение


Поэтому решением этой проблемы было
  • позволить веб-разработчикам, которые знали о стандартах, выбирать какой режим использовать.
  • продолжать показывать старые страницы по старым (совместимым) правилам. (quirks mode)

Иными словами, всем браузерам необходимо было работать в двух режимах: режим совместимости для старых правил, и строгого режима для стандарта.
IE Mac был первым браузером использовавшим оба режима, а Windows IE 6, Mozilla, Safari, Opera и последовали его примеру.
IE 5 Windows, а также старые браузеры, как Netscape 4, постоянно заблокированы в режиме совместимости.

Решение о выборе, какой режим отображения требуется вызвать, было найдено в использовании «DOCTYPE» переключения. Согласно стандартам, любой (X) HTML документ должен иметь DOCTYPE который рассказывает всему миру, какой тип (X) HTML документа он использует.

Допустимые DTD



HTML 4.01 DTDs


  • HTML 4.01 Strict — Не разрешает презентационной (оформительской) разметки, аргументируя тем, что этоим должен заниматься CSS.
  • Transitional DTD позволяет некоторые устаревшие аттрибуты и элементы
  • Если используются фреймы — должен быть использован frameset doctype

XHTML 1.0 DTDs


  • XHTML Strict DTD самый строгий существующий DTD: устаревшие (см ниже) теги не поддерживаются, и код должен быть написан правильно
  • XHTML Transitional DTD такой же как XHTML Strict DTD, но старые теги разрешены. Это НАИБОЛЕЕ ПОПУЛЯРНЫЙ в настоящий момент DTD.
  • XHTML Frameset DTD единственный XHTML DTD который поддерживает фреймы.

XHTML 1.1 DTD


Это новый DTD, который имеет строгость как у XHTML 1.0 Strict, и основан на фреймворке и модулях описанных в Modularization of XHTML (не стал искать что это такое :).

Статистика использования различных DTD


Староватая (с 2004 по 2008 гг), конечно, но новой не нашел.
www.qindex.info/Q_get.php?g_clss=forum&g_prcss=thrd&g_tmplt=&g_brd=5&g_thrd=128
Получается что Более 50% сайтов работают в режиме quirk mode — то есть в режиме IE4!

Устаревшие тэги и аттрибуты


Устаревшие тэги в алфавитном порядке


  • <applet> Используйте тег<object>.
  • <basefont> используйте CSS.
  • <blockquote>используйте CSS.
  • <center>используйте CSS.
  • <dir>используйте <ul>.
  • <em>используйте CSS.
  • <font>используйте CSS.
  • <isindex>
  • <listing> используйте <pre> или CSS.
  • <menu>замените тегом<ul> или CSS.
  • <nextid>
  • <plaintext> используйте <pre> или <a href=’view-source:http://somesite.com’>Source code</a>.
  • <s>используйте<del> или <ins>.
  • <strike> используйте <del> или<ins>.
  • <u>используйте CSS.
  • <xmp> используйте <pre> и CSS стиль.

Устаревшие HTML / XHTML аттрибуты тегов. Все они могут быть заменены CSS стилями.


  • align
  • alink
  • background
  • bgcolor
  • color
  • hspace
  • link
  • size
  • text
  • type
  • vlink
  • vspace

Разница между HTML и XHTML (указаны правила для XHTML)


  • Тэги должны быть написаны в нижнем регистре, вместо  <IMG SRC=»resource/frankisboat.gif» BORDER=»0″ ALT=»boat»>,  как это было в HTML, нужно писать: <img src=»resource/frankisboat.gif» border=»0″ alt=»boat» />
  • Все теги должны закрываться, или с использованием тэга со слешем в паре, как параграф ( <p></p> ) например, или самозакрывающиеся тэги, как например ( <br /> ).
  • Все теги должны быть правильно вложены друг в друга, без перекрытий
  • Не должны использоваться устаревшие теги
  • Все аттрибуты должны быть набраны в нижем регистре
  • Все значение аттрибутов должны быть заключены в одинарные или двойные кавычки
  • Все аттрибуты должны использоваться в длинной форме, а не в короткой: disabled=»disabled» в XHTML против  DISABLED в HTML
  • Структура должна быть отделена от контента. Например тег <p>  —  это часть контента (параграф) и вы не можете поместить в него например таблицу, потому что таблица это часть структуры (форматирования).

 

Совместимость и IE8


IE8 имеет четыре режима: IE 5.5 режим совместимости, IE 7 стандартный режим, IE в 8 стандартном режиме и IE 8 в режиме совместимости.
Выбор способа зависит от данных из различных источников: DOCTYPE, meta элементов, заголовков HTTP, периодически загружаемых данных от Microsoft (!), интрасети, настроек, сделанных пользователем, настроек сделанных администратором, наличия сайта в блеклисте microsoft и прочее!
Схема (черт ногу сломит) определения  в каком режиме работать браузеру IE8

http://hsivonen.iki.fi/doctype/ie8-mode.pdf
 

Источники информации


http://hsivonen.iki.fi/doctype/   — подробная таблица выбора режима работы (все браузеры)
http://en.wikipedia.org/wiki/Doctype
http://www.htmlbook.ru/html/!doctype.html
http://www.webmascon.com/topics/coding/25a.asp
http://www.quirksmode.org/css/quirksmode.html  — что такое Quirks mode
http://www.quirksmode.org/css/box.html  —  исправление box  модели
Последняя таблица соответствий http://hsivonen.iki.fi/doctype/
http://htmlfixit.com/tutes/tutorial_XHTML_and_HTML_-_The_differences.shtml разница между HTML и XHTML
http://htmlfixit.com/tutes/tutorial_XHTML_and_HTML_Validation__Deprecated_tags_and_attributes.php устаревшие тэги и аттрибуты и чем их заменить
http://www.w3.org/TR/html401/appendix/changes.html точная информация о тегах, устаревших в HTML 4.01

 
upd: немного подправил ошибки

Doctype / Песочница / Хабр

DOCTYPE. Одно название уже говорит само за себя (тип документа), но давайте копнем глубже.

Спецификация HTML 2.0 (1995 год)

To identify information as an HTML document conforming to this specification, each document must start with one of the following document type declarations.

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">


...


Вольный перевод
Для определения информации о том, какой спецификации соответствует HTML документ, каждый документ должен начинаться с одного из следующий объявлений типа документа.

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
...


По сути, DOCTYPE (Document Type Declaration) определяет тип спецификации HTML. В каждой спецификации прописаны поддерживаемые ей элементы, атрибуты, и их взаимоотношения. Изначально спецификации писались в DTD, а сегодня это XML Schema.

Есть один интересный момент, в HTML коде большинства сайтов 90х годов разработчики вообще редко прописывали DOCTYPE. Потому, что браузеры тех времён могли самостоятельно выбирать спецификацию документа и поэтому у разработчиков попросту не было нужды прописывать DOCTYPE в первой строке кода.


Но к началу нулевых годов DOCTYPE стал обязательным элементом и все веб-разработчики начали прописывать его в своих страницах. Причина кроется в том, что DOCTYPE приобрёл новое значение. Теперь он переключает режимы работы браузеров. И всё это из-за CSS!

К концу 90х годов существовало огромное количество сайтов. Веб-страницы, в основном, просматривались через такие браузеры, как Netscape Navigator и Microsoft Internet Explorer. Эти браузеры обрабатывали некоторые CSS свойства по-своему, а не в соответствии со стандартами.

Первый браузер поддерживающий CSS был Internet Explorer 3, вышедший в 1996 году. IE3 надежно поддерживал большинство цветов, фоновые и текстовые свойства, но box model (margins, paddings, borders) не была полностью реализована, а свойство display и псевдо-элементы вообще не поддерживались.

Когда было решено создать браузер полностью соответствующий стандартом CSS, оказалось, что все унаследованные страницы ломаются! Одна из главных причин была box model.

В старых версиях IE значение высоты/ширины бокса включало в себя border и padding. Оба элемента имеют одинаковые значения высоты и ширины. Слева – стандартный; справа – старый IE.

Поэтому в новых браузерах появились два режима обработки страниц – standart и quirk (чудачества). Страницы использующие DOCTYPE с HTML версии 4 и выше обрабатываются в соответствии со стандартами, а страницы без DOCTYPE или с DOCTYPE, но версией HTML ниже 4 обрабатываются, как в старом браузере. Даже если написать просто <!doctype html> (без версии HTML) браузер IE6 (дата релиза: 2001 год) и выше включат стандартный режим.

Ресурсы по теме:
RFC 1866: The HTML 2.0 specification
Quirks mode
Quirks Mode and Standards Mode
CSS Enhancements in Internet Explorer 6
DOCTYPE Switches support in Opera Presto 2.10
Picking a Rendering Mode

DOCTYPE для HTML5 и HTML 4.01 Transitional, Strict, Frameset, XHTML

Элемент <!DOCTYPE> передает браузеру информацию о типе данного документа — DTD. Другими словами, передает инструкции браузеру о версии языка HTML, на которой написан документ. Это дает возможность браузеру выбрать правильный вариант интерпретации содержимого документа.

<!DOCTYPE> необходимо ставить самым первым элементом в HTML документе, перед открывающим тегом <html> (документ должен начинаться с DOCTYPE).

Синтаксис

Синтаксис doctype (упрощенно):

<!DOCTYPE корневой_тег_документа [данные_DTD]>

Разница в DOCTYPE для HTML 4.01 и HTML5

HTML 4.01 основан на стандартном обобщённом языке разметки SGML, поэтому при его использовании следует указывать DTD, определяющий правила разметки конкретной версии.

HTML5 не использует SGML как основу, и указывать DTD при его использовании не нужно.

Примеры DOCTYPE для популярных версий HTML

DOCTYPE HTML 5

<!DOCTYPE html>

DOCTYPE HTML 4.01 Strict

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

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

DOCTYPE HTML 4.01 Transitional

Поддерживает все актуальные для DTD HTML 4.01 элементы и атрибуты, а также презентационные и устаревшие. Фреймсеты не допускаются.

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

DOCTYPE HTML 4.01 Frameset

Аналогичен HTML 4.01 Transitional. Разрешено использовать фреймсеты.

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

DOCTYPE XHTML 1.0 Strict

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

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

DOCTYPE XHTML 1.0 Transitional

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

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

DOCTYPE XHTML 1.0 Frameset

Аналогичен XHTML 1.0 Transitional. Разрешено использовать фреймсеты.

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

DOCTYPE XHTML 1.1

Аналогичен XHTML 1.0 Strict. Есть возможность добавлять собственные модули.

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

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

| HTML | WebReference

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

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

Табл. 1. Допустимые DTD
DOCTYPEОписание
HTML 4.01
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01//EN» «http://www.w3.org/TR/html4/strict.dtd»>Строгий синтаксис HTML.
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»>Переходный синтаксис HTML.
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Frameset//EN» «http://www.w3.org/TR/html4/frameset.dtd»>В HTML-документе применяются фреймы.
HTML 5
<!DOCTYPE html>Для всех документов.
XHTML 1.0
<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Strict//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd»>Строгий синтаксис XHTML.
<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Transitional//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd»>Переходный синтаксис XHTML.
<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Frameset//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd»>Документ написан на XHTML и содержит фреймы.
XHTML 1.1
<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.1//EN» «http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd»>Разработчики XHTML 1.1 предполагали, что он постепенно вытеснит HTML. Никакого деления на виды это определение не имеет, синтаксис один и подчиняется чётким правилам.

Синтаксис

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

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

Атрибуты

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

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

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

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

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

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

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

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

Пример

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01//EN» «http://www.w3.org/TR/html4/strict.dtd»> <html> <head> <title>!DOCTYPE</title> <meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″> </head> <body> <p>Разум — это Будда, а прекращение умозрительного мышления — это путь. Перестав мыслить понятиями и размышлять о путях существования и небытия, о душе и плоти, о пассивном и активном и о других подобных вещах, начинаешь осознавать, что разум — это Будда, что Будда — это сущность разума, и что разум подобен бесконечности.</p> </body> </html><!DOCTYPE html> <html> <head> <title>!DOCTYPE</title> <meta charset=»utf-8″> </head> <body> <p>Разум — это Будда, а прекращение умозрительного мышления — это путь. Перестав мыслить понятиями и размышлять о путях существования и небытия, о душе и плоти, о пассивном и активном и о других подобных вещах, начинаешь осознавать, что разум — это Будда, что Будда — это сущность разума, и что разум подобен бесконечности.</p> </body> </html>

Примечание

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

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

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft (Черновик спецификации) — первая черновая версия стандарта.

Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 09.10.2018

Редакторы: Влад Мержевич

Как научиться разрабатывать сайты

Doсtype / doсtype html / создание html страниц

Тот, кто ищет миллионы, весьма редко их находит,
но зато тот, кто их не ищет – не находит никогда!
О. Бальзак

Doctype htmlЭлемент DOCTYPE объявляет тип html документа. Он размещается вначале документа и позволяет браузеру определить, какая версия html используется. Один важный момент – никогда, и ничего не размещай на html странице перед объявлением DOCTYPE html, иначе у браузера могут возникнуть проблемы с отображением html кода.

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

ISO/IEC 15445:2000, также известный как “ISO HTML”

<!DOCTYPE html PUBLIC"ISO/IEC 15445:2000//DTD HTML//EN">

HTML 2.0

<!DOCTYPE html PUBLIC"-//IETF//DTD HTML 2.0//EN">

HTML 3.2

<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 3.2 Final//EN">

HTML 4.0 Strict

<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.0//EN">

HTML 4.01 Transitional

<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN">

HTML 4.01 Frameset

<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01 Frameset//EN">

HTML 4.01 Strict

<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01//EN">

HTML 4.01 + RDFa 1.1

<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01+RDFa 1.1//EN">

XHTML Basic 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN">

XHTML Basic 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN">

XHTML 1.0 Transitional

<html xmlns="http://www.w3.org/1999/xhtml">

XHTML 1.0 Frameset

<html xmlns="http://www.w3.org/1999/xhtml"">

XHTML 1.0 Strict

<html xmlns="http://www.w3.org/1999/xhtml">

XHTML + RDFa 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.1//EN">

XHTML 1.1

<html xmlns="http://www.w3.org/1999/xhtml">

HTML 5

<!DOCTYPE html>

XHTML5

<html xmlns="http://www.w3.org/1999/xhtml">

DOCTYPE используемый для мобильных устройств

DOCTYPE XHTML Mobile 1.0

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

DOCTYPE XHTML Basic 1.1

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

После добавления DOCTYPE html PUBLIC открой веб-страницу в браузере (index.html), она должна быть чистой, а если читается код, то значит при наборе допущена ошибка. Запомни – после открывающей и перед закрывающей, угловыми скобками пробела нет! Если все хорошо, то переходим непосредственно к изучению языка HTML.

К оглавлению / Теги HTML

Декларация | HTML справочник

HTML теги

Значение и применение

DOCTYPE это декларация, которая определяет тип документа. Декларация не является тегом HTML это только инструкция для веб-браузера о том, какая версия HTML используется в документе. Декларация !DOCTYPE помогает браузеру отобразить веб-страницу правильно, для этого браузер должен знать, как тип, так и версию документа.

Декларация <!DOCTYPE html> сообщает, что в этом документе используется пятая версия языка гипертекстовой разметкиHTML 5.

Обращаю Ваше внимание на то, что декларация должна указываться самой первой в вашем HTML документе, перед тегом <html>. Декларация <!DOCTYPE> не чувствительна к регистру.

Хронология версий HTML:

ВерсияHTMLHTML 2.0HTML 3.2HTML 4.01XHTMLHTML 5
Год199119951997199920002014

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

Пример использования

Пример использования декларации !DOCTYPE для HTML5 документа:

<!DOCTYPE html>
<html>
	<head>
		<title>Пример использования декларации !DOCTYPE</title>
	</head>
	<body>
		<h3> Это заголовок </h3>
		<p> Это параграф. </p>
	</body>
</html>

Отличия HTML 4.01 от HTML 5

DOCTYPE для HTML 4.01

Используется три варианта !DOCTYPE:

1. Строгий (Strict): не содержит элементов, помеченных как «устаревшие» и «не одобряемые» (deprecated).
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2. Переходный (Transitional): содержит устаревшие теги (для совместимости и перехода с более старых версий HTML).
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
3. С фреймами (Frameset): аналогичен переходному, но также включены теги для создания фреймов.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

DOCTYPE для HTML 5

Используется только один вариант !DOCTYPE:

<!DOCTYPE html>
HTML теги

Информация о DOCTYPE в Html5 и xhtml ‹ Asterial Web. IT блог

DOCTYPE в html5

Html-тег <!DOCTYPE> используется для определения языка и типа документа. С появлением html5 этот тег считается практически бесполезным, так как в html5 нет необходимости в объявлении типа документа. Тем не менее, для того, чтобы документ прошел валидацию, надо указывать DOCTYPE.
В html5 тег <!DOCTYPE> намного проще, чем в предыдущих версиях html, и ставится в самом начале, перед всем html кодом:

<!DOCTYPE html>
<html>
 <head>
 </head>
 <body>
   <p>Контент...</p>
 </body>
</html>

DOCTYPE в xhtml

В xhtml тег <!DOCTYPE> помогает браузеру определить тип документа и, соответственно, с помощью какого парсера его обрабатывать, а также указывает в соответствии с какими стандартами проводить валидацию документа. Существует три самых популярных типа xhtml 1.0 документов: Strict, Transitional, Frameset.

Strict — строгий тип xhtml документа. Позволяет использовать только дескрипторы, соответствующие стандарту xhtml 1.0, запрещает элементы и свойства, задающие графическое отображение, например font или bgcolor.

Transitional — переходный тип документа. Является самым распространенным и менее строгим, в отличие от Strict. В данном типе документа разрешаются атрибуты, отвечающие за  графическое отображение, но, тем не менее, лучше использовать для этих целей css. Также при указании данного типа становится возможным применение iframe для страниц и атрибута target для ссылок.

Frameset — является дополненной версией типа transitional, но при этом дает возможность использовать в документе фреймы.

Для того, чтобы указать DOCTYPE документа, необходимо написать одну из ниже представленных строк в самом начале документа:

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

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

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

Существуют также DOCTYPE для мобильных устройств и для документов модульного типа xhtml 1.1

XHTML 1.0 Mobile
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

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

В завершении можно добавить, что верно указанный тип документа поможет вашему сайту пройти валидацию и правильно отображаться в большинстве браузеров.

Возможно, вам также будут интересны статьи:

html — Как правильно объявить Doctype HTML5.

Переполнение стека
  1. Товары
  2. Клиенты
  3. Случаи использования
  1. Переполнение стека Общественные вопросы и ответы
  2. Команды Частные вопросы и ответы для вашей команды
  3. предприятие Частные вопросы и ответы для вашего предприятия
  4. работы Программирование и связанные с ним возможности технической карьеры
  5. Талант Нанять технических талантов
  6. реклама Обратитесь к разработчикам по всему миру

Загрузка…

,

Язык разметки гипертекста — 2.0

Язык разметки гипертекста — 2.0 — Открытый текст HTML Перейти к первому, предыдущему, следующему, последнему разделу оглавления.

Это определение типа документа для гипертекстовой разметки. Язык, уровень 2.


См. Также: html.decl, html-1.dtd.
  http://www.w3.org/hypertext/WWW/MarkUp/MarkUp.html
->

            
            ...
            
        -
        >



]]>











% ISOlat1;






        - Группа новостей Usenet bit.listserv.easi
        - Запись для слепых, +1 800 221 4792
->













 Текст пишущей машинки ->
 Жирный текст ->
 Курсив ->
 Выделенная фраза ->
 Сильный акцент ->
 Исходная кодовая фраза ->
 Образец текста или символов ->
 Клавиатурная фраза, e.грамм. пользовательский ввод ->
 Переменная фраза или заменяемая ->
 Название или название цитируемой работы ->

]]>



 Разрыв строки ->



  Заголовок   
                предпочтительнее
             

Заголовок

-> ]]> " > Якорь; источник / назначение ссылки -> Название этого якоря -> Адрес назначения ссылки -> Постоянный адрес назначения -> Отношение к пункту назначения -> Связь пункта назначения с этим -> Название пункта назначения (рекомендательное) -> Операции в пункте назначения (рекомендательные) -> #AttVal (Alt) " > Изображение; значок, глиф или иллюстрация -> Адрес объекта изображения -> Текстовая альтернатива -> Положение относительно текста -> Каждый пиксель может быть ссылкой -> Абзац -> Горизонтальная линейка -> Заголовок, уровень 1 -> Заголовок, уровень 2 -> Заголовок, уровень 3 -> Заголовок, уровень 4 -> Заголовок, уровень 5 -> Заголовок, уровень 6 -> ]]> ]]> Предварительно отформатированный текст -> Максимальное количество символов в строке -> Пример раздела -> Список компьютеров -> Отрывок из обычного текста -> ]]> Список определений или глоссарий -> Компактный список стилей -> Срок в списке определений -> Определение термина -> Неупорядоченный список -> Стиль компактного списка -> Упорядоченный или нумерованный список -> Стиль компактного списка -> Каталог " > Меню " > Список каталогов -> Стиль компактного списка -> Список меню -> Стиль компактного списка -> Элемент списка -> Заголовок

Текст ... предпочтительнее

Заголовок Текст ... -> ]]> Тело документа -> Цитата -> Адрес, подпись или авторство -> Форма: " % SDASUFF; " Конец формы. " > Форма для заполнения или ввода данных -> Адрес для заполнения формы -> Способ отправки формы -> Представление данных формы -> Форма ввода данных -> Тип входного взаимодействия -> Имя базы данных формы -> Значение по умолчанию / начальное / выбранное значение -> Адрес изображения -> Исходное состояние "включено" -> Подсказка по размеру поля -> Максимальная длина данных -> Выравнивание изображений -> Выбрать #AttVal (несколько) " > Выбор варианта (ов) -> Имя базы данных формы -> Параметры, отображаемые одновременно -> Разрешен множественный выбор -> Вариант выбора -> Исходное состояние -> Сформировать значение датума для этой опции -> Область для ввода текста -> Имя элемента данных формы -> Высота площади -> Ширина области -> ]]> ]]> Заголовок документа -> Название документа -> "> Ссылка из этого документа -> Адрес назначения ссылки -> Фамилия адресата -> Связь с пунктом назначения -> Связь пункта назначения с этим -> Название пункта назначения (совет) -> Операции разрешены (рекомендательные) -> [Документ проиндексирован / доступен для поиска.] "> Документ доступен для поиска -> Базовый контекстный документ -> Адрес этого документа -> Следующий идентификатор для использования в качестве имени ссылки -> Следующий идентификатор для использования в названии ссылки -> Общая метаинформация -> Имя заголовка HTTP-ответа -> Название метаинформации -> Связанная информация -> ]]> HTML-документ ->

Это объявление типа документа ссылается на HTML DTD с `HTML.Recommended ‘ сущность, определенная как ` INCLUDE’ , а не ИГНОРИРУЙТЕ; то есть относится к более структурно жесткому определению HTML.


См. Также: http://www.w3.org/hypertext/WWW/MarkUp/MarkUp.html
->

    
    ,..
    
-
>



% HTML;
 

Это объявление типа документа ссылается на HTML DTD с `HTML.Forms ‘ сущность, определенная как ` IGNORE’ , а не «ВКЛЮЧИТЬ» . Документы, содержащие элементы FORM , не соответствуют этому DTD и должны использовать DTD уровня 2.


См. Также: http://info.cern.ch/hypertext/WWW/MarkUp/MarkUp.html
->

    
    ,..
    
-
>



% HTML;
 

Это объявление типа документа относится к HTML DTD уровня 1 с `HTML.Recommended ‘ сущность, определенная как ` INCLUDE’ , а не ИГНОРИРУЙТЕ; то есть относится к более структурно жесткому определению HTML.


См. Также: http://www.w3.org/hypertext/WWW/MarkUp/MarkUp.html
->

    
    ...
    
-
>



% HTML-1;
 

Это декларация SGML для языка разметки гипертекста.



См. Также: http://www.w3.org/hypertext/WWW/MarkUp/MarkUp.html
 ->
 

Стандарт SGML описывает «менеджера объекта» как часть или компонент системы SGML, который отображает объекты SGML на фактические модель хранения (например, файловая система). Сам стандарт не определить конкретную методологию отображения или обозначения.

Для обеспечения взаимодействия между различными инструментами SGML и систем консорциум SGML Open принял техническое решение который определяет формат для независимого от приложения каталога сущностей который отображает внешние идентификаторы и / или имена объектов в имена файлов.

Каждая запись в каталоге связывает идентификатор объекта хранения. (например, имя файла) с информацией о внешнем объекте, который появляется в документе SGML. В дополнение к записям, которые связывают общедоступные идентификаторы, запись каталога может связать имя объекта с идентификатор объекта хранения. Например, возможны следующие варианты записи в каталоге:

- catalog: Каталог сущностей открытого стиля SGML для HTML -
- $ Id: каталог, v 1.3 1995/09/21 23:30:23 connolly Exp $ -
- Способы обозначения Уровня 2: от самого общего до самого конкретного -
PUBLIC "- // IETF // DTD HTML // EN" html.ОТД
PUBLIC "- // IETF // DTD HTML 2.0 // EN" html.dtd
PUBLIC "- // IETF // DTD HTML Level 2 // EN" html.dtd
PUBLIC "- // IETF // DTD HTML 2.0 Level 2 // EN" html.dtd
- Способы обозначения Уровня 1: от самого общего до самого конкретного -
PUBLIC "- // IETF // DTD HTML Level 1 // EN" html-1.dtd
PUBLIC "- // IETF // DTD HTML 2.0 Level 1 // EN" html-1.dtd
- Способы обозначения
 Строгий уровень 2: от самого общего до самого конкретного -
PUBLIC "- // IETF // DTD HTML Strict // EN" html-s.ОТД
PUBLIC "- // IETF // DTD HTML 2.0 Strict // EN" html-s.dtd
PUBLIC "- // IETF // DTD HTML Strict Level 2 // EN" html-s.dtd
PUBLIC "- // IETF // DTD HTML 2.0 Strict Level 2 // EN" html-s.dtd
- Способы обозначения
 Строгий уровень 1: от самого общего до самого конкретного -
PUBLIC "- // IETF // DTD HTML Strict Level 1 // EN" html-1s.dtd
PUBLIC "- // IETF // DTD HTML 2.0 Strict Level 1 // EN" html-1s.dtd
- Набор объектов ISO latin 1 для HTML -
PUBLIC "ISO 8879-1986 // ENTITIES Добавлена ​​Latin 1 // EN // HTML" ISOlat1.SGML
 

HTML DTD определяет следующие объекты. Они представляют определенные графические символы, которые имеют особое значение в местах разметки, или может не быть частью набора символов, доступного для писатель.

Набор цифровых и специальных графических объектов

В следующей таблице перечислены все символы, включенные в Набор числовых и специальных графических объектов, а также его имя и синтаксис для использования и описания. Этот список взят из `Стандарт ISO 8879: 1986 // ENTITIES Цифровые и специальные графики // EN ‘.Тем не мение, HTML не включает весь набор сущностей — только сущности перечисленные ниже включены.

ИМЯ ГЛИФА СИНТАКСИС ОПИСАНИЕ
 gt & gt; Больше чем знак
& amp & amp; амперсант
"quot & quot; Знак двойной кавычки
 

Набор символов ISO Latin 1

В следующем общедоступном тексте перечислены все символы, указанные в Добавлен набор сущностей Latin 1, а также его имя, синтаксис для использования и описание.Этот список взят из стандарта ISO 8879: 1986 // ENTITIES Добавлена ​​латиница 1 // EN. HTML включает всю сущность устанавливать.



     % ISOlat1;
->































































 

Перейти к первому, предыдущему, следующему, последнему разделу оглавления.,

html — проблемы с типом документа IE и HTML5

Переполнение стека
  1. Товары
  2. Клиенты
  3. Случаи использования
  1. Переполнение стека Общественные вопросы и ответы
  2. Команды Частные вопросы и ответы для вашей команды
  3. предприятие Частные вопросы и ответы для вашего предприятия
  4. работы Программирование и связанные с ним возможности технической карьеры
  5. Талант Нанять технических талантов
  6. реклама Обратитесь к разработчикам по всему миру

Загрузка…

    .

    W3C QA — Рекомендуемый список объявлений Doctype, которые вы можете использовать в своем веб-документе

    Предупреждение

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

    Рекомендуемые декларации Doctype для использования в вашем веб-документе.

    При создании документа в формате HTML или XHTML важно добавить объявление Doctype.Это гарантирует, что документ будет анализироваться одинаково в разных браузерах.

    Самым простым и надежным объявлением типа документа является объявление, определенное в HTML5:

    .

    Если вам нужен doctype, соответствующий конкретной версии (X) HTML, объявление doctype должно быть точным (как по орфографии, так и по регистру), чтобы иметь желаемый эффект, что иногда затрудняет. Чтобы облегчить work ниже приведен список рекомендуемых объявлений типа документа, которые вы можете использовать в своих веб-документах.

    Шаблон

    Используйте следующую разметку в качестве шаблона для создания нового HTML-документа с использованием правильного объявления Doctype. См. Список ниже, если вы хотите использовать другое DTD.

    
    
    
    <Голова>
     Стандартный шаблон HTML 
    
    
    
    <Тело>
    
         

    … Ваш HTML-контент здесь…

    (X) Список деклараций типа HTML

    HTML5 и выше
      
    HTML 4.01
    Строгий
      
    Переходный
      
    Набор рам
     
    
    XHTML 1.0
    Строгая (краткая справка)
      
    Переходный
      
    Набор рам
     
    XHTML 1.1 — DTD:
    
    
    XHTML Basic 1.1 (краткий справочник):
    
    

    MathML Объявления типов Doctype

    MathML 2.0 — DTD:
    
    
    MathML 1.01 — DTD:
    
    

    Составные документы Doctype декларации

    XHTML + MathML + SVG — DTD:
    
    
    XHTML + MathML + SVG Profile (XHTML в качестве основного языка) — DTD:
    
    
    XHTML + MathML + SVG Profile (с использованием SVG в качестве хоста) — DTD:
    
    

    Необязательные объявления типа документа

    Помимо специфики обработки (X) HTML, объявления Doctype на языках XML полезны только для объявления именованных сущностей и для облегчения проверки документов на основе DTD. Это означает, что во многих языках XML объявления doctype не обязательно полезны.

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

    SVG 1.1 Полная версия — DTD:
    
    
    SVG 1.0 — DTD:
    
    
    SVG 1.1 Basic — DTD:
    
    
    SVG 1.1 Tiny — DTD:
    
    

    Исторические объявления типа doctype

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

    HTML 2.0 — DTD:
      
    HTML 3.2 — DTD:
    
     
    XHTML Basic 1.0 — DTD:
    
    
    ,

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *