Элемент DOCTYPE. Что это такое и зачем он нужен

Рубрика: Основы HTML
17 марта 2015

Приветствую Вас, уважаемые читатели! Сегодня короткий материал о специальном теге doctype. В статье вы узнаете что такое doctype, зачем он нужен и какие бывают версии html-документов.

В любом правильном html-документе, первым элементом в коде идет специальная директива <!DOCTYPE>

Что такое DOCTYPE и зачем он нужен

Элемент <!doctype> — DTD (document type definition, описание типа документа) указывает тип документа, который используется при написании html кода. Это непарный тег, который должен стоять самым первым в коде каждой страницы вашего сайта.

Директива doctype необходима, чтобы браузер понимал как обрабатывать текущую веб-страничку, так как существует несколько версий языка HTML, а еще имеется XHTML (EXtensible HyperText Markup Language, расширенный язык разметки гипертекста), который похож на HTML, но различается с ним по синтаксису.

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

Если вы будете пользоваться неполным тегом DOCTYPE, устаревшим его видом, или вообще забудете про него, то браузер перейдет в хитрый режим уловок - quirks mode. И возможно странички вашего сайта отобразятся правильно в каких-то браузерах, но не факт, что они будут выглядеть также аккуратно в других популярных браузерах.

Основные типы документов

Ниже приведены основные типы документов:

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»>  

 Пример использования doctype для HTML5:

<!DOCTYPE html>
<html>
  <head>
    <title>Страничка на HTML5</title>
  </head>
  <body>
    <p>Содержимое странички</p>
  </body>
</html>

При выборе вида doctype следует иметь ввиду, что если вы пишите свой сайт в одном doctype, то не рекомендуется менять его в будущем на какой-то другой, так как скорей всего возникнут проблемы с правильным отображением сайта в различных браузерах, так как со сменой doctype вы поменяете правила обработки тегов браузерами.

Таким образом указав doctype вы указываете браузерам по каким правилам обрабатывать ваш html-код. Если же doctype не указать, то соответственно различные браузеры будут интерпретировать ваши теги по разному и следовательно отображение вашего сайта в некоторых браузерах скорей всего будет не корректным.

Какой doctype использовать?

Выбрать какой doctype использовать стало проще с выходом последней версии HTML5. Так как doctype html5 включает в себя правила предыдущих версий и возможность работы с тегами html4.

Поэтому при выборе вида doctype я рекомендую выбирать пятую версию html и в первой строчке своих страничек ставить:

<!DOCTYPE html>

Вывод

Подведем итоги:

  • DOCTYPE — это элемент, который указывает тип документа и определяет правила по, которым браузер будет обрабатывать ваш html-код;
  • элемент doctype всегда должен быть размещен в первой строчке документа;
  • всегда указывайте doctype, иначе ваши странички могут отображаться некорректно;
  • если не знаете какой doctype использовать, указывайте doctype html5: <!doctype html>.

На этом все, желаю вам успехов! До новых встреч!

(5 оценок, среднее: 4,80 из 5)
Loading...

Получай статьи почтой:


Комментарии
  1. newJS

    C доктайпом есть ещё одна мелкая пакость, каждый доктайп имеет свой набор разрешенных тегов и атрибутов к этим тегам.

    А пакость всё в том же, если с выбранным доктайпом использовать запрещённые теги, то нет гарантий, что все браузеры их одинаково обработают.

    Мелочь, но не приятная, так что делайте всё правильно, используйте валидатор.

    У меня на сайте можно взять бесплатные программы призванные облегчить написание web-страниц.

    http://newjs.my1.ru/

    13 марта 2016 09:22

Оставить комментарий




Subscribe without commenting