Блог Тимура Казанского

Для чего нужен DOCTYPE в HTML?


В данной статье, вы узнаете, что такое DOCTYPE страницы, почему его так важно указывать и как использовать, в чем различие Doctype для последних версий HTML, и немного истории языка HTML. Я решил не рассматривать данную тему в отдельном уроке, потому что она несет в себе малую толику объема и практической информации. Не для кого не секрет, что сейчас большинство сайтов в интернете, используют старую разметку HTML 4 и XHTML, и конечно же будут использовать ее еще очень долгое время, а также, в виду того, что сейчас активно начинает использоваться новая версия языка HTML5, я опишу сразу несколько видов элемента доктайп (doctype), с их конструкцией (как они указываются или определяются) для всех актуальных версий HTML. Поэтому, вам будет полезно знать в чем их различие, что это такое и какую важность они в себе несут. Давайте начнем с краткой истории языка HTML.

История

HTML (HyperText Markup Language – язык разметки гипертекста) версии 1.0 взял начало с 1989 года, затем в 95-х появилась версия 2.0, версия 3,4 в 97-м, версия 4.01 в 99-м, и вот совсем недавно, как вы знаете, вышла версия HTML-5. Все это я к тому, что каждая версия, логично предположить усовершенствовалась, появлялись новые элементы, забывались старые, вносились изменения (кстати, язык CSS официально появился только в 1996 году и до этого, язык HTML имел свои элементы для стилизации содержимого) и так далее, но теперь задайте себе вопрос, как же браузеры понимают, с какой версией языка они имеют дело? Ведь столько сайтов и все из них используют различные версии языка, какие-то используют HTML-5, другие HTML-4.01, третьи XHTML. К тому же, браузеры многое нам прощают, когда мы по нечаянности или просто незнанию добавляем блочные элементы в строчные (если не знаете, что это такое – прочитайте Урок 5. Блочные и строчные элементы в HTML), забываем где-то закрыть тег, или наоборот открыть, но суть в том, что браузеров много и каждый из них заглаживает наши маленькие огрехи по-своему, соответственно это сказывается на отображение содержимого нашей страницы или сайта. Только представьте, вы потратили огромное количество времени на создание сайта, все выглядит замечательно и красиво, как вдруг вы открываете его в другом браузере и получаете совсем не то, что вы ожидали увидеть (какая-нибудь колонка поплыла в сторону, изменился шрифт, что-то сливается, да что угодно, но не то, что вы построили изначально), в третьем, четвертом браузере еще что-то отличное от первых двух, и тому подобное. Но если код будет правильным, то во всех браузерах ваш сайт будет отображаться более менее одинаково, за исключением того, что если вы используете новую версию языка, а браузеру об этом не сказали, то в большинстве случаев он будет склоняться к тому, чтобы использовать и отображать старую версию (а старой версии - новая версия и ее изменения неизвестны). Поэтому новые элементы и изменения вам могут быть недоступны, а если учесть то, что браузеров много и есть еще меньшинство (браузеры, которые будут наоборот склонятся к новой версии), то бог пойми, какой из них и какую версию языка в итоге выберет. И опять мы попадаем в замкнутый круг различного отображения нашего сайта в браузерах. Поэтому так важно указывать версию языка html на вашем сайте. А делается это всего одной строчкой кода (добавляем элемент <!DOCTYPE >), который указывается в самом начале вашего документа (файла) и выглядит следующим образом:

Для версии переходящей в HTML-4.0.1:

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

Доктайп для строгого синтаксиса версии 4.0.1 – это более поздняя версия и основная:

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

А теперь давайте подробно разберем каждую строчку Доктайпа (Doctype):

Разбор Doctype HTML версии 4.01

У вас наверняка возникнет вопрос, в чем же различие doctype для переходной версии языка и для строгой, основной? Представьте, у вас есть сайт и вы все еще используете старую версию html, ну например третью, хоть я и утрирую, но смысл остается. И вы захотели перейти на версию языка html 4.01, самые важные изменения вы уже внесли, но вот в нюансах еще не разобрались, на это нужно время, которое, как всегда приходится выкраивать с линейкой. Поэтому, вы производите переход на новую версию постепенно, т.е. оставляя какие-то старые элементы или правила из старой, предыдущей версии. Далее, устанавливайте переходящий доктайп и идете изучать все прелести и новшества новой версии, т.е. 4.01, иными словами, переходящий доктайп позволяет закрывать глаза на мелкие вещи, которые устарели и уже не используются в новой версии языка. Потом, когда полностью разобрались и все исправили (согласно новой версии), вы меняете доктайп на строгий, который сообщает браузеру, что ваш код полностью соответствует стандарту HTML 4.01.

Для версии XHTML-1.0

Переходный доктайп:

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

И строгий доктайп:

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

Для версии HTML-5:

<!doctype html>

Вот и все. Теперь только осталось скопировать Doctype в самое начало файла вашего сайта и произвести проверку на валидность (проверка ошибок), а как это сделать – читайте в следующей статье. Помните, при правильном использовании кода и уведомлении браузера о версии языка, ваш сайт будет отображаться во всех браузерах всегда одинаково и корректно.

Категория: Уроки HTML для чайников

Читайте также - самые интересные истории обо мне

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

Комментарии: 0