вопрос 10 для чего нужна декларация doctype

DOCTYPE в HTML5. Как и зачем объявлять

ОБЪЯВЛЕНИЕ DOCTYPE в HTML5.

Для начала небольшой спойлер: объявление Doctype в HTML5 имеет скромный минималистичный вид:

При этом вовсе не обязательно писать DOCTYPE большими буквами, так как он не является регистрозависимым. Такие варианты написания, как и также являются верными.

Однако, касательно расположения doctype в html-документе действует строгое правило: doctype должен всегда располагаться в верхней строке! Почему? Чтобы ответить на этот вопрос, необходимо сначала разобраться: для чего нужен doctype и что произойдет, если веб-мастер забудет его указать?

Зачем нужен DOCTYPE?

Позвольте мне начать эту главу с небольшой доброй истории. В далеком 1989 году на свет родился язык гипертекстовой разметки по имени HTML. Он был еще совсем малышом и позволял строить только самые простые веб-конструкции, которые с гордым видом передавал веб-браузеру. Браузер, в свою очередь, радостно считывал html-код и отображал страницы по заранее оговоренным с HTML правилам. Эти правила называются спецификацией. Тогда, в 1989 году HTML был первым представителем династии гипертекстовых языков разметки, подающим надежды на рождение более продвинутых потомков. Поэтому ему дали гордое имя HTML1.0 и издали для него свод правил, собственную спецификацию. По мере развития языка HTML, в мире веб-строительства стали появляться «более продвинутые потомки» HTML: HTML2.0, HTML3.2, HTML4.1 и другие. Для каждой версии HTML создавался свой свод правил, т. е. своя спецификация. Вы только представьте, насколько вырос уровень ответственности браузера! Теперь, читая файл с html расширением, браузер должен был выяснить, какой из потомков HTML «приложил руки» к созданию файла, и отобразить страницу в соответствии с его спецификацией! Поэтому во избежании ошибок со стороны браузера при отображении страницы, был введен doctype. В доктайпе мы сообщаем браузеру, какой свод правил(читай — спецификацию) использовать при отображении страницы.

DOCTYPE— это сокращение от словосочетания «document type«. Что в переводе с английского языка значит «тип документа».

Что случится, если не указать доктайп?

Если веб-мастер не укажет тип документа, то браузер останется наедине со своими мыслями о выборе спецификации для отображения страницы, и может представить страницу совершенно неожиданным для веб-мастера образом. Если разметка страницы составлена абсолютно верно и не содержит ошибок, то больших сюрпризов, конечно, не возникнет. Но если в разметке есть ошибки, то, уважаемый веб-мастер, пеняй на себя! Причем пеняй столько раз, сколько ты будешь открывать страницу в разных браузерах. Ведь у каждого браузера может быть своя версия о спецификации. Поэтому гораздо проще указать doctype в верхней строке html-файла и не переживать о том, что в Mozille страница отображается иначе, чем в Opere. Тем более, что сейчас объявление doctype не требует громоздких строк типа:

как это было в случае использования веб-мастером строгого синтаксиса HTML версии 4.01. А если вдруг в html-файле появились фреймы, то doctype этой же 4.01 версии приобретал уже немного другие очертания:

Согласитесь, запомнить такое количество букв проблематично. Иное дело — лаконичный doctype, появившийся с приходом HTML5:

Что означает: тип документа — html.И запомнить легко, и написать не жалко. Единственный вопрос, возникающий в голове искушенного веб-мастера: почему doctype для 5 версии HTML так сильно отличается от doctype предыдущих версий?

Почему DOCTYPE для HTML5 так отличается от DOCTYPE для прошлых версий HTML?

Таким образом, разумный подход, подкрепленный логическими выводами, облегчает жизнь не только людям, но и браузерам ;-).

Источник

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

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

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

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

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

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

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

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

Подробную информацию по каждому виду DOCTYPE вы можете найти в интернете, просто введя в поиск нужную фразу, поэтому останавливаться на этом мы не будем.

Итак, поехали дальше.

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

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

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

Только представьте, сколько проблем раньше (почему раньше, объясню ниже в статье) несло верстальщику наличие нескольких видов DOCTYPE, между которыми приходилось постоянно выбирать, какой лучше использовать, и думать, не ошибся ли ты в своем выборе.

Можно ли вообще обойтись без DOCTYPE?

У тех, кто не любит заострять свое внимание на разных мелочах, может возникнуть вполне естественный вопрос: «А зачем мне все это нужно? Может, мне вообще не использовать DOCTYPE?»

Конечно, теоретически можно его и не указывать, но тогда вы сидите на пороховой бочке замедленного действия, не зная точно когда она рванет (а рванет она 100%).

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

Так что же делать, если не хочется во все это вникать в подробностях?

Преимущества использования DOCTYPE HTML5.

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

Дело в том, что правила DOCTYPE HTML5 являются универсальными, включают в себя правила предыдущей версии, а также возможность работы с HTML 4 тегами и в какой-то степени с XHTML, и, насколько я понимаю, объединяют в себе возможности всех своих предшественников, адаптируя их для работы в новых браузерах.

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

Что касается браузеров: как старые браузеры относятся к DOCTYPE HTML5? Не возникнут ли проблемы с этим?

По этому поводу хочу сказать, что:

Это значит, что если вы сегодня начнете создавать свои страницы на основе DOCTYPE HTML5, то можете быть уверены в том, что им обеспечена долгая жизнь.

Выводы.

Какой из всего вышесказанного мы можем сделать вывод?

Использовать DOCTYPE необходимо, если не хотите впоследствии решать всяческие проблемы, связанные с его отсутствием (нужны они вам? ).

И использовать лучше всего последнюю версию DOCTYPE HTML5.

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

А потому желаю вам успехов!

ЗЫ: Комментировать статью никто не запрещал !

Источник

DOCTYPE: история и варианты применения

DOCTYPE чем-то похож на заголовок для статьи. Он пишется в начале HTML-документа. Если его не будет, то браузер может отобразить вашу страницу в неожиданном виде. Читайте о том, из чего состоит DOCTYPE, и как его использовать правильно.

Определение и значение

История

Из истории HTML мы знаем, что спецификация менялась с момента первой публикации в 1992-м году и до наших дней. Вместе с ней, соответственно, менялись и типы документов. Актуальная версия HTML сейчас — это HTML Living Standard. Начиная с версии 4.0 многие элементы стали устаревшими (их рекомендовали не использовать на страницах) — стандарт очистился.

Типы синтаксиса в DOCTYPE

Синтаксис HTML-документа бывает:

Сравниваем DOCTYPE для HTML 1.0 и HTML 4.01 на примерах

Переходный синтаксис

Есть все элементы и атрибуты HTML. С устаревшими и презентационными. Фреймов нет. А разметка должна быть сделана как качественно созданный XML.

Тут есть все элементы и атрибуты HTML, в том числе устаревший тег шрифта. А также новые. Фреймов нет.

Строгий синтаксис

В этом уже нет устаревших и презентационных элементов. Всё ещё нет фреймов. От разметки ждут вида хорошо сформированного XML.

Есть все элементы и атрибуты без устаревших. Фреймов нет.

Фреймы

Здесь определение типа документа как у переходного с XHTML 1.0, но можно пользоваться содержимым фреймов.

Тут DTD как у переходного HTML 4.01 переходный, но тоже есть фреймы. Сейчас применяется редко, потому что фреймы устарели.

Формула с расшифровкой параметров (элементов)

И что теперь?

Время проходит, мы во многом стараемся двигаться к упрощению и унификации. В HTML5 декларация типа документа выглядит очень просто:

DOCTYPE для него самый простой из существовавших.

Что происходит, если указать DOCTYPE неправильно или не указывать его вообще

Браузеры покажут страницу по совместимости со своими старыми версиями.

Формально регистр тут значения не имеет. Но корректнее всё же писать заглавными буквами. Потому что в XHTML5 есть разница между именами элементов, написанными в нижнем регистре и ключевыми словами, которые пишут в верхнем регистре.

— запомнить слишком просто.

Напоминалка на дорожку

Простыми словами, прописывая DOCTYPE, мы говорим браузерам/валидаторам, каким языком разметки мы писали свой документ. Вы помните, что кроме простого HTML бывает XHTML и XML. Кроме этого мы можем указать и степень строгости синтаксиса.

Доктайп нужен на каждой странице

Но не только он. Узнайте всё о структуре HTML-документов в интерактивных тренажёрах.

Нажатие на кнопку — согласие на обработку персональных данных

Источник

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

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

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

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

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

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

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

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

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

Источник

3.3. дЕЛМБТБГЙС DOCTYPE

ч ОБЮБМЕ ЛБЦДПЗП УПЪДБЧБЕНПЗП ЧБНЙ ДПЛХНЕОФБ ДПМЦОП ХЛБЪЩЧБФШУС ОБЪЧБОЙЕ DTD, ЛПФПТПНХ ПО УППФЧЕФУФЧХЕФ. ьФП ОХЦОП ДМС ФПЗП, ЮФПВЩ МЕЛУЙЮЕУЛЙЕ БОБМЙЪБФПТЩ SGML НПЗМЙ ХЪОБФШ DTD Й ПРТЕДЕМЙФШ, УППФЧЕФУФЧХЕФ МЙ ДПЛХНЕОФ ЬФПНХ DTD.

ьФБ ЙОЖПТНБГЙС ПВЩЮОП ЧЩТБЦБЕФУС Ч ПДОПК УФТПЛЕ, Ч ЧЙДЕ ДЕЛМБТБГЙЙ DOCTYPE.

фЙРЙЮОБС ДЕЛМБТБГЙС ФПЗП, ЮФП ДПЛХНЕОФ ОБРЙУБО Ч УППФЧЕФУФЧЙЙ У ЧЕТУЙЕК 4.0 HTML DTD ЧЩЗМСДЙФ ФБЛЙН ПВТБЪПН;

ч ЬФПК УФТПЛЙ УПДЕТЦЙФУС ОЕУЛПМШЛП ТБЪМЙЮОЩИ ЛПНРПОЕОФ.

рПЛБЪЩЧБЕФ, ЮФП ЬФП ДЕЛМБТБГЙС ФЙРБ ДПЛХНЕОФБ SGML.

йНЕОХЕФ РЕТЧЩК ЬМЕНЕОФ, ЛПФПТЩК РПСЧЙФУС Ч ДПЛХНЕОФЕ.

PUBLIC «-//W3C//DTD HTML 4.0//EN»

PUBLIC ОЕ СЧМСЕФУС ЮБУФША FPI, ОП ХЛБЪЩЧБЕФ РТПГЕУУПТХ SGML, ЛБЛ ОБКФЙ DTD, ОБ ЛПФПТЩК УУЩМБЕФУС FPI. дТХЗЙЕ УРПУПВЩ ХЛБЪБОЙС БОБМЙЪБФПТХ SGML, ЛБЛ ОБКФЙ DTD, ВХДХФ РПЛБЪБОЩ РПЪЦЕ.

чПЪЧТБЭЕОЙЕ Л ДПЛХНЕОФХ.

3.3.1. йДЕОФЙЖЙЛБФПТЩ FPI

ъБНЕЮБОЙЕ: чБН ОЕ ОХЦОП ЬФП ЪОБФШ, ОП ЬФП РПМЕЪОБС ЙОЖПТНБГЙС, ЛПФПТБС НПЦЕФ РПНПЮШ ЧБН ТЕЫЙФШ РТПВМЕНЩ, ЛПЗДБ ЧБН РТПГЕУУПТ SGML ОЕ НПЦЕФ ОБКФЙ ЙУРПМШЪХЕНЩК ЧБНЙ DTD.

FPI ДПМЦОЩ УМЕДПЧБФШ ПРТЕДЕМЕООПНХ УЙОФБЛУЙУХ. ьФПФ УЙОФБЛУЙУ ЙНЕЕФ УМЕДХАЭЙК ЧЙД;

хЛБЪЩЧБЕФ ЧМБДЕМШГБ FPI.

еУМЙ ЬФБ УФТПЛБ ОБЮЙОБЕФУС У »ISO», ФП ЬФЙН FPI ЧМБДЕЕФ ISO. л РТЙНЕТХ, FPI «ISO 8879:1986//ENTITIES Greek Symbols//EN» ЪБДБЕФ ISO 8879:1986 ЛБЛ ЧМБДЕМШГБ ОБВПТБ ПРТЕДЕМЕОЙК ДМС ЗТЕЮЕУЛЙИ УЙНЧПМПЧ. ISO 8879:1986 СЧМСЕФУС ОПНЕТПН ISO ДМС УФБОДБТФБ SGML.

ISO 9070:1991 ПРТЕДЕМСЕФ, ЛБЛ ЗЕОЕТЙТХАФУС ТЕЗЙУФТЙТПЧБООЩЕ ЙНЕОБ; ПОЙ НПЗХФ РПТПЦДБФШУС ПФ ОПНЕТБ РХВМЙЛБГЙЙ ISO, ЛПДБ ISBN ЙМЙ ЛПДБ ПТЗБОЙЪБГЙЙ, ОБЪОБЮБЕНПЗП Ч УППФЧЕФУФЧЙЙ У ISO 6523. лТПНЕ ФПЗП, ДМС ОБЪОБЮЕОЙС ТЕЗЙУФТЙТПЧБООЩИ ЙНЕО НПЦЕФ ВЩФШ УПЪЧБО ТЕЗЙУФТБГЙПООЩК ЛПНЙФЕФ. уПЧЕФ ISO РЕТЕДБМ ЬФП Ч American National Standards Institute (ANSI).

йНЕЕФУС ОЕУЛПМШЛП ЛМАЮЕЧЩИ УМПЧ, ЛПФПТЩЕ ХЛБЪЩЧБАФ ОБ ФЙР ЙОЖПТНБГЙЙ Ч ЖБКМЕ. оЕЛПФПТЩНЙ ЙЪ ОБЙВПМЕЕ ЮБУФП ХРПФТЕВМСЕНЩИ ЛМАЮЕЧЩИ УМПЧ СЧМСАФУС DTD, ELEMENT, ENTITIES Й TEXT. DTD ЙУРПМШЪХЕФУС ФПМШЛП ДМС ЖБКМПЧ DTD, ELEMENT ПВЩЮОП ЙУРПМШЪХЕФУС ДМС ЖТБЗНЕОФПЧ DTD, ЛПФПТЩЕ УПДЕТЦБФ ФПМШЛП ПВЯЕЛФЩ ЙМЙ ДЕЛМБТБГЙЙ ЬМЕНЕОФБ. TEXT ЙУРПМШЪХЕФУС ДМС УПДЕТЦЙНПЗП SGML (ФЕЛУФ Й НЕФЛЙ).

мАВПЕ ПРЙУБОЙЕ, ЛПФПТЩН ЧЩ ЪБИПФЙФЕ УПРТПЧПДЙФШ УПДЕТЦЙНПЕ ЬФПЗП ЖБКМБ. уАДБ НПЦОП ЧЛМАЮЙФШ ОПНЕТ ЧЕТУЙЙ ЙМЙ МАВПК ЛТБФЛЙК ФЕЛУФ, ЛПФПТЩК ЙНЕЕФ УНЩУМ ДМС ЧБУ Й ХОЙЛБМЕО ДМС УЙУФЕНЩ SGML.

ьФП ДЧХИУЙНЧПМШОЩК ЛПД ISO, ЛПФПТЩК ЙДЕОФЙЖЙГЙТХЕФ ЕУФЕУФЧЕООЩК СЪЩЛ ЖБКМБ. EN РТЙНЕОСЕФУС ДМС БОЗМЙКУЛПЗП СЪЩЛБ.

3.3.1.1. жБКМЩ catalog

еУМЙ ЧЩ ЙУРПМШЪХЕФЕ ХЛБЪБООЩК ЧЩЫЕ УЙОФБЛУЙУ Й РЩФБЕФЕУШ ПВТБВПФБФШ ЬФПФ ДПЛХНЕОФ РТЙ РПНПЭЙ РТПГЕУУПТБ SGML, ФП РТПГЕУУПТ ЛБЛЙН-ФП ПВТБЪПН РТЕПВТБЪПЧБФШ FPI Ч ЙНС ЖБКМБ ЧБЫЕЗП ЛПНРШАФЕТБ, Ч ЛПФПТПН ОБИПДЙФУС DTD.

дМС ЬФПЗП ПО НПЦЕФ ЙУРПМШЪПЧБФШ ЖБКМ ЛБФБМПЗБ. жБКМ ЛБФБМПЗБ (ПВЩЮОП ОБЪЩЧБЕНЩК catalog) УПУФПЙФ ЙЪ УФТПЛ, УФБЧСЭЙИ FPI Ч УППФЧЕФУФЧЙЕ У ЙНЕОБНЙ ЖБКМПЧ. л РТЙНЕТХ, РХУФШ Ч ЖБКМЕ ЛБФБМПЗБ УПДЕТЦЙФУС УФТПЛБ;

рТПГЕУУПТ SGML ПРТЕДЕМЙФ, ЮФП ОХЦОП ЧЪСФШ DTD ЙЪ ЖБКМБ strict.dtd Ч РПДЛБФБМПЗЕ 4.0 ФПЗП ЛБФБМПЗБ, Ч ЛПФПТПН ОБИПДЙФУС ЖБКМ catalog, УПДЕТЦБЭЙК ЬФХ УФТПЛХ.

рПУНПФТЙФЕ ОБ УПДЕТЦЙНПЕ ЖБКМБ /usr/local/share/sgml/html/catalog. ьФП ЖБКМ ЛБФБМПЗБ, ДМС HTML DTD, ЛПФПТЩЕ ВЩМЙ ХУФБОПЧМЕОЩ ЛБЛ ЮБУФШ РПТФБ textproc/docproj.

3.3.1.2. SGML_CATALOG_FILES

дМС ФПЗП, ЮФПВЩ ПО ОБЫЕМ ЖБКМ catalog, ЧБЫЕНХ РТПГЕУУПТХ SGML ОХЦОП ХЛБЪБФШ, ЗДЕ ЙУЛБФШ. чП НОПЗПН ДМС ЬФПЗП УМХЦБФ РБТБНЕФТЩ ЛПНБОДОПК УФТПЛЙ ДМС ХЛБЪБОЙС РХФЙ Л ПДОПНХ ЙМЙ ВПМЕЕ ЛБФБМПЗБН.

чДПВБЧПЛ ЧЩ НПЦЕФЕ ЪБДБФШ РЕТЕНЕООХА SGML_CATALOG_FILES ДМС ХЛБЪБОЙС ОБ ЖБКМЩ. ьФБ РЕТЕНЕООБС ПЛТХЦЕОЙС ДПМЦОБ УПУФПСФШ ЙЪ УРЙУЛБ ЖБКМПЧ ЛБФБМПЗПЧ, ТБЪДЕМЕООЩИ ДЧПЕФПЮЙСНЙ (ЧЛМАЮБС ЙИ РПМОЩЕ НБТЫТХФЩ).

лБЛ РТБЧЙМП, ЧБН ВХДЕФ ОХЦОП ЧЛМАЮЙФШ УМЕДХАЭЙЕ ЖБКМЩ;

3.3.2. бМШФЕТОБФЙЧЩ FPI

чНЕУФП ЙУРПМШЪПЧБОЙС PFI ДМС ХЛБЪБОЙС DTD, ЛПФПТПНХ УППФЧЕФУФЧХЕФ ДПЛХНЕОФ (Й ХЛБЪБОЙС ФБЛЙН ПВТБЪПН ЖБКМБ УЙУФЕНЩ, Ч ЛПФПТПН ОБИПДЙФУС DTD), ЧЩ НПЦЕФЕ ЪБДБФШ ЙНС ЖБКМБ СЧОЩН ПВТБЪПН.

рТЙНЕОСЕНЩК РТЙ ЬФПН УЙОФБЛУЙУ ОЕУЛПМШЛП ПФМЙЮБЕФУС:

лМАЮЕЧПЕ УМПЧП SYSTEM ХЛБЪЩЧБЕФ, ЮФП РТПГЕУУПТ SGML ДПМЦЕО ОБКФЙ DTD УРПУПВПН, ЪБЧЙУСЭЙН ПФ УЙУФЕНЩ. пВЩЮОП (ОП ОЕ ЧУЕЗДБ) ЬФП ПЪОБЮБЕФ, ЮФП DTD ВХДЕФ ЪБДБОП ЛБЛ ЙНС ЖБКМБ.

йУРПМШЪПЧБОЙЕ FPI РТЕДРПЮФЙФЕМШОП РП УППВТБЦЕОЙСН РЕТЕОПУЙНПУФЙ. чБН ОЕ ОХЦОП ВХДЕФ РЕТЕДБЧБФШ ЛПРЙА DTD ЧНЕУФЕ У ЧБЫЙН ДПЛХНЕОФПН, Б ЕУМЙ ЦЕ ЧЩ ЙУРПМШЪХЕФЕ НЕИБОЙЪН SYSTEM, ФП ЧУЕН РПФТЕВХЕФУС ТБЪНЕЭБФШ DTD Ч ФПН ЦЕ УБНПН НЕУФЕ.

Источник