ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
HTML5. Уроки для начинающих

HTML5 Введение


Что такое HTML5?

HTML5 - это действующая версия языка HTML. В состав рабочей группы по HTML5 вошли AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera и ещё несколько сотен других производителей.

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

В WHATWG отказались от принципа «версийности» в пользу «вечной разработки» при принятии HTML спецификации. Такое решение было вызвано попыткой ускорить воплощение стандарта в жизнь, то есть разработчикам веб браузеров не нужно ждать, пока выйдет официально утверждённая версия спецификации (то есть, спецификация перейдет в состояние recomendation), они могут воплощать определённые части спецификации уже сейчас. Поэтому по версии WHATWG существует только одна спецификация, которая постоянно развивается - HTML.

Эти две группы работали в тандеме, в WHATWG писали спецификации в режиме «живого стандарта» ( «Living Standard»), а в W3C принимали эти спецификации как «снимки», и внедряли их в чёткие версии своей спецификации. Группа W3C работала значительно медленнее, потому что необходимо было обеспечивать требования большего спектра пользователей, а не только веб-браузеров.

28 октября 2014 года Консорциум Всемирной Паутины (W3C) объявил о предоставлении набору спецификаций HTML5 статус рекомендованного стандарта. Интересно, что в этом виде спецификации HTML 5.0 были сформированы ещё два года до того, после чего работа была сосредоточена на проведении тестирования и оценки совместимости доступных реализаций. На время стандартизации HTML5 уже давно стал стандартом де-факто и активно использовался в веб-приложениях. Фактическое утверждение стандарта лишь формально поставило точку в продвижении HTML5 и подтвердило вездесущность и корректность его реализации.

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


Что нового в HTML5?

Объявление DOCTYPE для HTML5 очень простое:

<!DOCTYPE html>

Объявление кодировки символов (charset) также очень простое:

<meta charset="UTF-8">

HTML5 Пример:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>

<body>
Content of the document......
</body>

</html>
Попробуйте сами »

Кодировка символов по умолчанию в HTML5 - это UTF-8.


Новые HTML5 элементы

Наиболее интересные новые HTML5 элементы: 

Новые семантические элементы например <header>, <footer>, <article> и <section>.

Новые атрибуты элементов формы например number, date, time, calendar, and range.

Новые графические элементы: <svg> и <canvas>.

Новые мультимедиа элементы: <audio> и <video>.

В следующем разделе HTML5 Поддержка браузерами, вы узнаете как "научить" старые браузеры обрабатывать "неизвестные" для них (новые) HTML элементы.


Новые HTML5 API (Application Programming Interfaces / Интерфейсы Прикладного Программирования)

Наиболее интересными являются новые API в HTML5:

  • HTML Геолокация
  • HTML Drag and Drop
  • HTML Локальное хранилище
  • HTML Кеш приложения
  • HTML Веб-работники
  • HTML SSE

Совет: Локальное хранилище является мощной заменой для файлов cookie.


Удалённые элементы в HTML5

В HTML5 удалены такие элементы HTML4:

Удалённый элемент Используют вместо этого
<acronym> <abbr>
<applet> <object>
<basefont> CSS
<big> CSS
<center> CSS
<dir> <ul>
<font> CSS
<frame>  
<frameset>  
<noframes>  
<strike> CSS, <s>, or <del>
<tt> CSS

В разделе HTML5 Переход с HTML4, вы узнаете, как легко перейти с HTML4 на HTML5


HTML История. Как это было?

С первых дней существования Всемирной паутины существует много версий HTML:

Год Версия
1989 Tim Berners-Lee изобрёл www
1991 Tim Berners-Lee изобрёл HTML
1993 Dave Raggett разработал HTML+
1995 Рабочая группа HTML разработала HTML 2.0
1997 W3C Рекомендация: HTML 3.2
1999 W3C Рекомендация: HTML 4.01
2000 W3C Рекомендация: XHTML 1.0
2008 WHATWG HTML5 Первый публичный проект
2012 WHATWG HTML5 Living Standard (Живой стандарт)
2014 W3C Рекомендация: HTML5
2016 W3C Кандидат рекомендации: HTML 5.1
2017 W3C Рекомендация: HTML5.1 2nd Edition
2017 W3C Рекомендация: HTML5.2
2018 W3C Рекомендация: HTML5.3

С 1991 по 1999 год HTML разрабатывался с версии 1 до версии 4. 

В 2000 году Консорциум Всемирной паутины - World Wide Web (W3C) - рекомендовал XHTML 1.0. Синтаксис XHTML был строгим, и разработчики были вынуждены писать валидный и 'хорошо сформированный' код.

В 2004 году группа W3C решила закрыть разработку HTML в пользу XHTML.

В 2004 году была сформирована WHATWG (Web Hypertext Application Technology Working Group - Рабочая группа веб-технологий по использованию гипертекста). WHATWG хотела разработать HTML, согласованный с тем, как использовался веб-сайт, когда он был совместим со старыми версиями HTML.

В 2004 - 2006 годах компания WHATWG получила поддержку от основных производителей браузеров.

В 2006 году группа W3C объявила про поддержку WHATWG.

В 2008 году был выпущен первый публичный проект HTML5.

В 2012 году WHATWG и W3C приняли решение о разделении:

Группа WHATWG хотела разработать HTML как 'Living Standard' ('Живой Стандарт'). 'Living Standard' всегда обновляется и усовершенствуется. Можно добавить новые функции, но старую функциональность нельзя удалить.

WHATWG HTML5 Living Standard был опубликован в 2012 году и постоянно обновляется.

Группа W3C хотела разработать окончательный стандарт HTML5 и XHTML.

W3C HTML5 Рекомендацию было выпущено 28 октября 2014 года.

W3C HTML5.1 2nd Edition Рекомендацию было выпущено 3 октября 2017 года.

W3C HTML5.2 Рекомендацию было выпущено 14 декабря 2017 года.

W3C HTML5.3 Рекомендацию было выпущено 18 октября 2018 года.


В 2019 году WHATWG и W3C подписали соглашение о сотрудничестве и работе над единой версией HTML в будущем: этот документ опубликован на сайте WHATWG.


Примечание: Получить актуальную и более полную информацию о 'Living Standard' WHATWG и действующие Рекомендации W3C вы всегда можете на официальных сайтах WHATWG и W3C.