Стандартная разметка html. !DOCTYPE. Стандарты HTML. Валидная верстка. Упрощение написания DOCTYPE

Когда впервые появились Интернет и веб-сайты, разработчики столкнулись с технической проблемой – как организовать и структурировать информацию текстовых и графических документов для удобства представления в браузерах?

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

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

Стандарт HTML 2.0

Первым признанным стандартным языком разметки гипертекста стал HTML 2.0. До этого разработчик никак не могли договориться между собой. Сайты на этом языке создавались самые простые и имели множество ограничений. И вскоре Консорциум Всемирной Паутины предложил следующую версию.

HTML 3.2

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

Стандарт HTML 4.0

Четвертая версия HTML уже позволяла качественное . Были устранены многие ненужные теги. Чтобы облегчить веб-страницы, произведено разделение текстовой информации и ее форматирование путем введения такого элемента, как каскадные таблицы стилей.

Именно это и позволило добиться по-настоящему стандартного отображения сайтов в браузерах от разных производителей.

К концу 20 века четвертый HTML практически исчерпал свои возможности развития, и консорциум C3W предложил новую, расширенную версию под названием XHTML.

Стандарт XHTML 2.0

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

Такой процесс требует определенного ужесточения требований к HTML:

  1. Допустимы только строчные символы.
  2. Все теги должны быть закрытыми: <> .
  3. Форматирование текста внутри тела документа недопустимо.
  4. Обязательно использование каскадных таблиц стилей CSS.

Таким образом, новая версия стала “более строгой и стандартной”. Для того чтобы полностью реализовать все новые возможности, потребовались и . В то же время, старые браузеры могут воспроизводить XHTML-сайты.

Совершенно достигнуто?

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

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

Была попытка усилить статические сайты за счет включения программных элементов (скриптов) и реорганизации структуры веб-страницы в формате объектной модели документа. Сайты стали более быстрыми и интерактивными. Но, слишком сложными для верстки, отладки и настройки.

И наконец — стандарт HTML 5

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

Будет единый тип сайтов для всех браузеров, для любых операционных систем и для всех видов компьютеров.

Поделитесь пожалуйста, если понравилось:

Возможно вам будет интересно еще узнать:


Если вы создаете шаблон с нуля, то надо от чего-то отталкиваться. Учитывая, что стандарт HTML5 «широко шагает по стране», я в этой статье приведу пример пустого шаблона HTML5.

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

...

Новые теги HTML5

В HTML5 для структуры кода введено несколько новых тегов:

,