<!DOCTYPE> – HTML Тег
| IE | Chrome | Opera | Safari | Firefox | Android | iOS |
|---|---|---|---|---|---|---|
| 7.0+ | 1.0+ | 7.0+ | 2.0+ | 1.0+ | 1.0+ | 1.0+ |
Специфікація
HTML:
- 3.2
- 4.01
- 5.0
XHTML:
1.0
1.1
Опис
Елемент <! DOCTYPE> призначений для вказівки типу поточного документа - 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. Ніякого поділу на види це визначення не має, синтаксис один і підпорядковується чітким правилам. |
Cинтаксис
<! 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.
Закриває тег
Не вимагається.
Приклад 1. HTML 4.01
HTML 4.01 IE | Cr | Op | Sa | Fx
<! 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>
Приклад 2. HTML 5
HTML5IECrOpSaFx
<! 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 є не обов'язковим, браузери при його відсутності можуть перейти в режим сумісності, тому завжди вказуйте повну шлях до DTD-файлу, як показано в табл. 1.