Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS | |
5.0 + | 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. наведені основні типи документів з їх описом.
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.
Закриваючий тег
Чи не потрібно.
Приклад 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
HTML5 IE Cr Op Sa Fx
<!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.