Открывая в своем любимом браузере страницу какого-нибудь сайта, довольно сложно представить, что вся эта красота создана с помощью обычных символов. Немного терпения, элементарные знания, которые можно почерпнуть из интернет-океана и простенький HTML редактор дают возможность самостоятельно сделать небольшой сайт. Даже при использовании WordPress или других CMS, знания гипертекстовой разметки документа (HTML) могут пригодиться, если вы решите переделать под свой вкус или уникализировать готовый шаблон.
Версий гипертекстовой разметки существует несколько, чтобы браузер мог определить, какую именно версию вы использовали в коде страницы, применяется тег <!DOCTYPE>. Данный элемент указывает тип текущего документа и помогает браузерам «понять», с использованием какого стандарта следует отображать страничку. Прописывается <!DOCTYPE> в самом начале — в первой строчке кода создаваемого документа HTML. Если вы случайно забудете проставить данный тег (или при неправильном использовании) вашу, с таким трудом созданную, веб-страничку браузеры будут игнорировать, отображать неправильно или тратить много времени на то, чтобы «прочитать» написанный код.
История появления элемента <!DOCTYPE>
В процессе развития и совершенствования HTML разработчики, пытаясь облегчить себе работу, придумывали различные варианты верстки документов. Создание технологии CSS помогло в значительной мере навести порядок в коде, ведь всю информацию о внешнем виде создаваемого сайта (шрифт, цвет и т.д.) стали выносить в отдельный файл. Данное обстоятельство позволило избежать путаницы и «облегчить» вес будущей странички, так как отпала необходимость постоянно повторять код — достаточно указать CSS-файл, где прописан стиль для одинаковых блоков.
В HTML 4.01 теперь используются CSS-стили для отображения внешнего вида, а использовать HTML для различных манипуляций с отображением запрещено. Но развитие не стоит на месте — разработчики из W3C решили, что необходимо придумать что-то грандиозное и универсальное. Так появился новый XHTML стандарт, представляющий из себя HTML в котором используются принципы XML. В организации W3C подумали — и решили, что если XML, представляющий из себя простой текстовый файл, в котором прописаны структурированные данные, может проанализировать и прочитать любая операционная система, значить будущее за этим стандартом.
В своих планах разработчики представляли, что создадут язык разметки, в который можно будет добавлять новые теги и который сможет «прочитать» практически любое устройство. После XHTML 1.0, выпустили стандарт XHTML 2.0, который также забросили, посчитав неперспективным направлением. Теперь W3C переключилась на HTML 5, который должен наконец-то оправдать надежды, благодаря семантическим тегам, и в значительной мере улучшить веб-разработку.
Понятное дело, что все это происходило не за несколько дней, и пока одни целеустремленные программисты экспериментировали с HTML, другие — создавали сайты и разрабатывали браузеры, используя актуальную на то время информацию. Получилось, что код страниц писали с ошибками, при этом частенько отступали от стандартов, но организация W3C потребовала со всей строгостью у производителей браузеров использовать стандарты. Чтобы не «полетели» все сайты, написанные в вольном стиле, было принято компромиссное решение — позволить разработчикам самим выбирать, какой лучше использовать режим. Теперь браузеры стали обязаны работать не только в строгом режиме для нового стандарта, но и в режиме совместимости со старыми правилами написания.
Именно для этого и предназначен тег <!DOCTYPE> — «показывать» всем браузерам, с помощью какого стандарта следует открывать определенную страницу. Наиболее часто используются строгая(Strict) и переходная(Transitional) гипертекстовая разметка, но существует также Frameset(фреймовая).
Примеры использования элемента DOCTYPE в HTML 4.01:
<!DOCTYPE HTML PUBLIC"-//W3C//DTDHTML 4.01//EN" "www.w3.org/TR/html4/strict.dtd">
Пример строгого синтаксиса, включающего все атрибуты и элементы HTML кроме тех, что устарели.
<!DOCTYPE HTML PUBLIC"-//W3C//DTDHTML 4.01 Transitional//EN" "www.w3.org/TR/html4/loose.dtd">
Пример переходного синтаксиса, включающего все элементы, даже устаревшие.
<!DOCTYPE HTML PUBLIC"-//W3C//DTDHTML 4.01 Frameset//EN" "www.w3.org/TR/html4/frameset.dtd">
Принцип такой же, как в Transitional, но кроме этого разрешено использовать фреймсеты.
Использование DOCTYPE в XHTML 1.0:
<!DOCTYPE html PUBLIC"-//W3C//DTDXHTML 1.0 Strict//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Это строгий синтаксис. Подразумевается правильное XML оформление.
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Переходный.
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Frameset//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
С использованием фреймов.
Элемент <!DOCTYPE> в XHTML 1.1:
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.1//EN" "www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
Данный синтаксис, подчиненный четко установленным правилам, разделения на виды не предусматривает.
В HTML 5 данный элемент прописывается просто —
<!DOCTYPE html">
, без лишних уточнений.
Выбор за вами, но если вы желаете избежать в будущем проблем с несоответствием HTML-кода установленным стандартам, лучше использовать строгий синтаксис, благодаря которому правильно интерпретируется валидный код ваших страниц.
Добавить комментарий