Серёжа Сыроежкин
Серёжа СыроежкинКопирайтер
2.06.2015

Doctype

Элемент 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>