Какой DOCTYPE выбрать?

Какой DOCTYPE выбратьМногие начинающие верстальщики задают вопрос: Какой DOCTYPE использовать при верстке страницы? И не зная ответа, они либо просто копируют его с какого-нибудь сайта, либо не задумываясь оставляют тот DOCTYPE, который им по умолчанию прописал HTML-редактор в котором они работают, такой как Dreamweaver или аналогичные.

Чтобы вы смогли разобраться, какие DOCTYPE’ы существуют и какой именно из них выбрать, я специально для вас написал эту статью.

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

DOCTYPE (Document Type Definition) указывает тип документа. Это необходимо, чтобы браузер понимал, согласно какому стандарту отображать текущую страницу. Ведь существует много версий (X)HTML и как раз с помощью DOCTYPE мы сообщаем браузеру, какая именно версия использовалась при написание нашей страницы.

Поэтому нужно понимать, что DOCTYPE является не просто каким-то ненужным тегом, это очень важная инструкция.

Какие существуют виды DOCTYPE?

  1. Существует строгий вид (strict), в нем применяется строгий синтаксис (X)HTML. При указание данного DOCTYPE, в документе запрещается использовать устаревшие теги (например, <font>, <center> и т.д.) и некоторые атрибуты (например, target).

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

    Для HTML4.01:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    Для XHTML1.0:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. Существует переходный вид (transitional), в нем уже не запрещается применять устаревшие теги и за счет этого, синтаксис является менее строгим. Данный вид отлично подходит для тех, кто только знакомиться с языком (X)HTML.

    Еще одним плюсом данного DOCTYPE является то, что в нем можно использовать атрибут target, который применяется для открытия ссылки в новом окне. К примеру в строгом DOCTYPE (strict), использование данного атрибута считается не валидным.

    Именно данный вид DOCTYPE был популярен в свое время, хотя и сейчас он очень часто встречается на многих сайтах.

    Для HTML4.01:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    Для XHTML1.0:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. Также есть специальный вид, для работы с фреймами (frameset).

    Для HTML4.01:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

    Для XHTML1.0:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Какой DOCTYPE лучше?

Как вы видите действительно существует огромное количество DOCTYPE’ов и раньше это несло большую головную боль всем верстальщикам. Но благо сейчас с выходом последней версии HTML5 (которая на данный момент еще находиться в разработке), все стало намного проще.

Сейчас, при верстке сайта, лучше всего применять DOCTYPE HTML5. Выглядит он следующим образом:

<!DOCTYPE html>

Его плюсом является то, что в HTML5 существует только один вид DOCTYPE, поэтому его легко можно запомнить.

Конечно найдутся люди, которые будут утверждать, что HTML5 это сомнительный стандарт и его еще рано использовать.

Я не призываю вас применять все новые возможности HTML5 напрямую. Я просто советую при верстке сайтов использовать данный DOCTYPE и теги, которые уже давно известны браузерам и входят в HTML5, т.к. про валидность тоже не стоит забывать.

Как старые браузеры относятся к DOCTYPE HTML5?

Некоторые верстальщики считают, что данный DOCTYPE не распознают старые браузеры и из-за этого они переходят в режим Quirks Mode (режим совместимости).

На самом деле это не так, старые версии браузеров, при использование этого DOCTYPE, работают в стандартном режиме (не переходят в Quirks Mode). Поэтому здесь не стоит бояться, что с сайтом возникнут какие-то проблемы.

P.S. Из всего из этого можно сделать вывод, при верстке используйте DOCTYPE HTML5. Тем самым мы знаем, что старые браузеры будут нормально отображать наш сайт, ну и одновременно мы будем равняться на прогресс.

P.S.S. Если вам понравилась статья, пожалуйста поделитесь ей с друзьями и коллегами. Нажмите на социальные кнопки ниже или оставьте свой комментарий!

Понравилась статья?

Тогда оставь свой комментарий или расскажи о ней своим друзьям и коллегам.

Комментарии ВКонтакте

Добавить комментарийКомментариев (2)

Platon 3 февраля в 23:47

Спасибо автору, расставил все токи над И'

Ответить

ivan 20 марта 2015 г. в 15:27

Я так думаю самый оптимальный на данный момент, <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> хотя кому как)

Ответить
Наверх

Скачивание материалов доступно
только подписчикам!

Если вы подпишитесь, то сможете сразу же получить доступ ко всем материалам этого блога

Подписка бесплатная и займет у вас
не более 1 минуты

Получение доступа к материалам

Для получения доступа, заполните форму ниже. Введите свое настоящее имя и e-mail

« Вернуться назад

Проверьте свой почтовый ящик

и подтвердите подписку

После этого вы сразу же получите доступ ко всем материалам этого блога

Введите e-mail, который вы указывали при подписке

Мы проверим его по базе подписчиков и если вы на самом деле подписывались, то доступ для вас сново будет открыт

« Вернуться назад