Элемент Doctype HTML используется для указания типа страницы и языка разметки, который на ней применяется. Это означает, что браузер пользователя в первую очередь читает значение элемента Doctype и определяет как правильно отобразить данную страницу.
Так как язык HTML существует в нескольких различных вариантах, включая XHTML (т.е., так называемый, "расширенный HTML") и HTML5, то при верстке сайта необходимо указывать соответствующее значение для Doctype.
Основные значения элемента Doctype:
- При строгом синтаксисе языка HTML (strict doctype):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- При строгом синтаксисе языка XHTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- В HTML5 указание значительно упростилось:
<!DOCTYPE html>
Здесь параметры элемента означают:
- html - корневой элемент веб-страницы;
- W3C - название организации, которая разработала стандарт (официальной организацией, которая разработала HTML и XHTML является W3C, что и указывается в элементе);
- DTD - задает тип страницы (для HTML и XHTML это DTD или "описание для типа документа");
- EN - язык описания объектов (по умолчани пишется EN - английский);
- http://www.w3.org/TR/html4/strict.dtd - url страницы, на которой находится описание для указанного типа документа;
Пример указания Doctype на HTML-странице:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Конструктор сайтов "Нубекс"</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<p>На этой странице указывается Doctype для разметки HTML.</p>
</body>
</html>
Пример указания Doctype на странице с разметкой HTML5:
<!DOCTYPE html>
<html>
<head>
<title>Конструктор сайтов "Нубекс"</title>
<meta charset="utf-8">
</head>
<body>
<p>На этой странице указывается Doctype для HTML5-разметки.</p>
</body>
</html>