HTML5 (Hyper Text Markup Language)
Расширение	..html, .htm
MIME-тип	text/html
Разработчик	Консорциум Всемирной паутины иWHATWG
Опубликован	28 октября2014
Тип формата	Язык разметки
Расширен из	SGML
Развит в	XHTML5
Стандарт(ы)	W3C HTML 5.2 WHATWG HTML Living Standard
Открытый формат?	Да
Сайт	html.spec.whatwg.org/… (англ.)
Медиафайлы на Викискладе

HTML5 (англ. HyperText Markup Language, version 5) —язык для структурирования и представления содержимоговсемирной паутины. Это пятая версияHTML. Хотя стандарт был завершён (рекомендованная версия к использованию) только в 2014 году^[1][2] (предыдущая, четвёртая, версия опубликована в 1999 году^[3]), уже с 2013 года^[4] браузерами оперативно осуществлялась поддержка, а разработчиками — использование рабочего стандарта (англ. HTML Living Standard). Цель разработки HTML5 — улучшение уровня поддержкимультимедиа-технологий с одновременным сохранением обратной совместимости, удобочитаемости кода для человека и простоты анализа дляпарсеров.

Во всемирной паутине долгое время использовались стандартыHTML 4.01,XHTML 1.0 и XHTML 1.1.Веб-страницы^[5] на практике оказывались свёрстаны с использованием смеси особенностей, представленных различными спецификациями, включая спецификации программных продуктов, напримервеб-браузеров, а также сложившихся общеупотребительных приёмов. HTML5 был создан как единыйязык разметки, который мог бы сочетатьсинтаксические нормы HTML и XHTML. Он расширяет, улучшает и рационализирует разметку документов, а также добавляет единыйAPI для сложныхвеб-приложений^[6].

В HTML5 реализовано множество новых синтаксических особенностей. Например, элементы<video>,<audio> и<canvas>, а также возможность использованияSVG иматематических формул. Эти новшества разработаны для упрощения создания и управления графическими и мультимедийными объектами в сети без необходимости использования стороннихAPI иплагинов. Другие новые элементы, такие как<section>,<article>,<header> и<nav>, разработаны для того, чтобы обогащатьсемантическое содержимое документа (страницы). Новые атрибуты были введены с той же целью, хотя ряд элементов и атрибутов был удалён. Некоторые элементы, например<a>,<menu> и<cite>, были изменены, переопределены или стандартизированы. API иDOM стали основными частями спецификации HTML5^[6]. HTML5 также определяет некоторые особенности обработки ошибок вёрстки, поэтому синтаксические ошибки должны рассматриваться одинаково всеми совместимыми браузерами^[7].

W3C, к 2004 году захвативший множество компаний, не связанных напрямую с браузерами, вродеAdobe, настаивал наXHTML — машиночитаемом, но малопригодном для человеческого редактирования формате^[8], да и просто медленно внедрял новшества. Потому была создана новая рабочая группа,WHATWG.

В 2005 году появилсяYouTube — основной видеохостинг Интернета вплоть до настоящего времени (2021). Его плеер был написан наAdobe Flash — распространённой системе интернет-приложений. На момент появления YouTube это было нормально, поскольку просмотр страниц происходил в основном с компьютеров и ноутбуков, а порты Flash были под все крупные ОС.

В 2007 году появилсяiPhone. Телефоны до него либо использовали чисто мобильные технологии вродеWAP, либо полагались на серверный рендеринг (Opera Mini). iPhone же располагал полноценным браузером — а YouTube, полагавшийся на Flash, был реализован отдельной программой. Одной из задач HTML5 стало снизить потребность в Flash — с помощьюHTML5 video,SVG ихолстов.

iPhone поставил новый стандартсмартфона — прибор ссенсорным экраном на всю переднюю панель.Экранная клавиатура обычно миниатюрная, и потому для разных типов ввода — чисел, дат, адресов электронной почты — нужны разные клавиатуры. HTML5 добавил и другие новшества для мобильных устройств —геолокацию, управление кэшем для офлайн-работы и т.д. Как в HTML5, так и вCSS3 добавлены механизмы перевёрстки сайтов под мобильные устройства и страничные медиа (электронная книга, печатный документ).

Всё больше распространяютсяAJAX иодностраничные сайты, и добавился API для управления историей в них.

Выяснилось, что веб-мастера не предоставляют актуальной и достоверной информации вDOCTYPE, потому эта строка упрощена до<!DOCTYPE html>. Поддержка ошибочных документов унифицирована и в других местах.

WHATWG начал работу над новым стандартом в 2004 году^[9], когдаWorld Wide Web Consortium (W3C) сосредоточился на будущих разработкахXHTML 2.0, аHTML 4.01 не изменялся с 2000 года^[10]. В 2009 году W3C признал, что срок работы у рабочей группы XHTML 2.0 истёк, и решил не возобновлять его. Впоследствии W3C и WHATWG совместно разрабатывали HTML5^[11].

Даже несмотря на то, что HTML5 был хорошо известен среди веб-разработчиков в течение нескольких лет, он стал основной темой СМИ только в апреле 2010 года. После этого глава компанииApple Inc.Стив Джобс^{[12][13][14][15]} написал публичное письмо, заголовок которого гласил: «мысли по поводу Flash», где он заключил, что с разработкой HTML5 нет больше необходимости смотреть видеоролики или использовать другие виды приложений с помощью Adobe Flash^[16]. По этому поводу вспыхивали дебаты в кругу веб-разработчиков, причём некоторые намекали, что, хотя HTML5 и обеспечивает расширенную функциональность, разработчики должны принимать во внимание различия браузеров и необходимость поддержки различных частей стандартов, равно как и функциональные различия между HTML5 и Flash^[17].

WHATWG начал работу над спецификацией в июне 2004 года под названием Web Applications 1.0^[18]. С января 2011 года спецификация в Draft Standard (Стандартизация проекта) утверждается в WHATWG, Working Draft (рабочий проект) утверждается в W3C.Ян Хиксон из компанииGoogle является редактором спецификации HTML5^[19].

Спецификация HTML5 была принята в качестве точки начала работы над новым HTML рабочей группой W3C в 2007 году. Эта рабочая группа опубликовала спецификацию как первый публичный рабочий проект (working draft) 22 января 2008 года^[20]. Рабочий проект — это текущая работа, она оставалась на несколько лет, её части HTML5 были закончены и реализованы в браузерах до того момента, когда вся спецификация достигла финального статуса «Рекомендовано»^[21].

Ян Хиксон ожидал достижения Candidate Recommendation в течение 2012 года^[21].

Чтобы спецификация получила статус W3C Рекомендации, необходимы две законченные на 100 % и полностью взаимодействующие реализации^[21].

В интервью TechRepublic Хиксон предполагал, что это случится в 2012 году или позже^[22][23]. Однако многие части спецификации были стабильны и могли быть реализованы в продуктах:

В декабре 2009 года WHATWG переключилась на универсальную модель разработки для спецификации HTML5^[24]. W3C всё ещё продолжала публиковать снимки со спецификацией HTML5^[5].

14 февраля 2011 года W3C увеличил срок работы для рабочей группы HTML с промежуточными снимками для HTML5. Рабочая группа предполагала продвинуть HTML5 в Last Call, приглашая сообщества к сотрудничеству с W3C, чтобы подтвердить техническое отсутствие дефектов в спецификации в мае 2011 года. Затем группа переключилась на тестирование своей реализации. W3C также разрабатывала всестороннюю проверку, чтобы добиться широкой функциональной совместимости для финальной спецификации 2014 года — ожидаемой даты для Рекомендации^[25].

С 28 октября 2014 года W3C официально рекомендует использовать HTML5 — это значит, что стандарт окончательно финализирован и готов к широкому использованию^[2].

• HTML5^[26] —28 октября2014 года^[27];
• HTML 5.1 начал разрабатываться 17 декабря 2012 года^[28][29]. Рекомендован к применению с 1 ноября 2016 года^{[30][31][32][33]}.
• HTML 5.2 был представлен 14 декабря 2017 года^[34][35][36].

HTML5^[42][43][44] вводит несколько новыхэлементов и атрибутов, которые отражают типичное использование разметки на современныхвеб-сайтах. Некоторые из них — семантические замены для использования универсальных блочных (<div>) и строчных (<span>) элементов, например,<nav> (блок навигации по сайту), <footer> (обычно относится к нижней части страницы или последней строке HTML кода) или <audio> и<video> вместо <object>^[45][46]. Некоторые устаревшие элементы, которые можно было использовать вHTML 4.01, были исключены, включая чисто оформительские элементы, такие как <font> и <center>, чьи эффекты выполняются с помощьюкаскадных таблиц стилей. Также в поведении гипертекстовых страниц снова заострено внимание на важности скриптовDOM (например,Javascript).

Синтаксис HTML5 больше не базируется наSGML, несмотря на подобие его разметки. Однако он был разработан обратно совместимым с обычным парсингом более старых версий HTML. В HTML5 применяется новая вводная строка, которая выглядит как объявление типа документа в SGML, <!DOCTYPE html>, запускающая соответствующий стандартам режим визуализации^[47]. С 5 января 2009 года HTML5 также включает в себяWeb Forms 2.0, ранее бывшие отдельной спецификациейWHATWG.

В дополнение к определению разметки HTML5 устанавливаетAPI^[6][48], который может быть использован сJavaScript. ВозможностиDOM расширены и фактически используемые свойства задокументированы. Также добавлены новые API, например:

• элемент «холст» для непосредственного метода рисования в 2D. См. спецификацию Canvas 2D API Specification 1.0^[49];
• контроль над проигрыванием медиафайлов, который может использоваться, например, для синхронизации субтитров с видео^[50];
• хранение данных в браузере^[51];
• File API: возможность загрузки документа через выбор (тег<input type="file">) или перетаскиванием (Drag-and-drop)
• Drag-and-drop: предоставляет набор событий для каждого элемента DOM, таких как появление и нахождение в его зоне, благодаря которым разработчик может информировать пользователя о необходимых действиях и идентификаторе перетаскиваемого файла, содержащего адрес, имя, тип, размер и дату изменения;
• управление историей браузера;
• типMIME и регистрация обработчика протокола;
• микроданные.

Не все вышеперечисленные технологии включены в спецификациюW3C HTML5, хотя они есть в спецификации WHATWG HTML^[52]. Немного связанных технологий, которые не являются частью ни одной из спецификаций, следуют далее. W3C публикует спецификации для них отдельно.

• геолокация;
• база данныхSQL дляWeb, внутренняя база данных (больше не поддерживаемая)^[53];
• Индексированная база данных (IndexedDB)API, индексирование по типу ключ-значение (прежде — WebSimpleDB)^[54];
• Файл API, дескриптор обновления файлов и управления ими^[55];
• Работа с системой. ЭтотAPI предназначен для того, чтобы обеспечить хранение информации со стороны клиента без управления базами данных^[56];
• Запись в файл, использованиеAPI для записи в файл информации из приложения^[57].

XHTML5 — это XML-сериализация языка HTML5. Документы XML должны быть снабжены XMLInternet media type, например, application/xhtml+xml или application/xml^[6]. XHTML5 требует строгого и правильно оформленного синтаксиса XML. Выбор между HTML5 и XHTML5 сводится к выбору типаMIME/содержимого: тип медиа, который будет выбран, определит, какой тип документа должен быть использован^[58]. В XHTML5doctype <html> необязателен и может быть просто пропущен^[59]. HTML, который был написан, чтобы соответствовать техническим требованиям и HTML и XHTML — и который производит то же DOM дерево, разбирающее HTML или XML, — назван многоязычным^[60].

Спецификация HTML5 предъявляет требования как кюзер-агентам (браузерам), так и к документам. Документы могут содержать не всегда корректный синтаксис, но HTML5-совместимые браузеры, так же, как и их предшественники, применяют алгоритмы разбора ошибок разметки в документах для построения правильной объектной модели (DOM). Чёткое определение требований к юзер-агентам делается с целью достижения совместимости между браузерами разных производителей. Так же, как и требования к синтаксису разметки документов с целью корректного отображения их в различных браузерах^[61]. В старых версиях браузеров новые теги HTML5 просто игнорируются.

Ниже представлен список отличий:

Полный список изменений вHTML5 представлен в обновляющемся рабочем проектеW3C «Отличия HTML5 от HTML4» (последняя версия от9 декабря2014 года)^[6].

18 января 2011 годаW3C ввёл логотип, чтобы представить использование или добавить интерес к HTML5. В отличие от других знаков, выпущенных ранее компанией W3C, он не подразумевает соответствие определённому стандарту. С 1 апреля 2011 года этот логотип считается официальным^[64].

Во время первого показа его публике W3C объявил логотип HTML5 как символ «универсальной визуальной идентификации данных для широкого набора открытых Веб-технологий, включаяHTML,CSS,SVG,WOFF и другие»^[65]. Некоторые защитники веб-стандартов, включая и The Web Standards Project, раскритиковали это определение HTML5 как обобщённое и размытое понятие^[65]. Тремя днями позже W3C ответил на отзыв сообщества и изменил определение логотипа, убрав перечисление связанных технологий^[66]. Затем W3C заявил, что логотип «представляет HTML5, краеугольный камень для современных веб-приложений»^[64].

<!DOCTYPE html><html><head><metacharset="utf-8"><title>         (Это title) Пример страницы на HTML5</title></head><body><header><hgroup><h1>               Заголовок "h1" из hgroup</h1><h2>               Заголовок "h2" из hgroup</h2></hgroup></header><nav><menu><li><ahref="link1.html">                  Первая ссылка из блока "nav"</a></li><li><ahref="link2.html">                  Вторая ссылка из блока "nav"</a></li></menu></nav><section><article><h3>               Заголовок статьи из блока "article"</h3><p>               Текст абзаца статьи из блока "article"</p><details><summary>                  Блок "details", текст тега "summary"</summary><p>                  Абзац из блока "details"</p></details></article></section><footer><time>            Содержимое тега "time" блока "footer"</time><p>            Содержимое абзаца из блока "footer"</p></footer></body></html>

• HTML5 audio
• WebGL
• CSS3
• HTML5 Shiv

• Питер Лабберс, Брайан Олберс, Фрэнк Салим. HTML5 для профессионалов: мощные инструменты для разработки современных веб-приложений = Pro HTML5 Programming: Powerful APIs for Richer Internet Application Development. —М.: «Вильямс», 2011. — С. 272. —ISBN 978-5-8459-1715-7.
• Дженнифер Нидерст Роббинс. HTML5, CSS3 и JavaScript. Исчерпывающее руководство = Learning Web Design, 4th Edition / пер. англ. М.А. Райтман. — 4-е издание. —М.: «Эксмо», 2014. — С. 528. —ISBN 978-5-699-67603-3.
• Стивен Хольцнер. HTML5 за 10 минут, 5-е издание = Sams Teach Yourself HTML5 in 10 Minutes, 5th Edition. —М.: «Вильямс», 2011. —ISBN 978-5-8459-1745-4.

• Арсений Мирный. HTML5 против Flash-видео //UP Special : журнал. — 2010. —№ 5. —С. 42—45.

• WHATWG HTML (англ.)
• W3C HTML5 (англ.)
• W3C HTML5.1 WD (англ.)
• W3C HTML5.1 Nightly (англ.)
• W3C HTML Working Group (англ.)
• W3C HTML5 differences from HTML4 (англ.)
• WHATWG HTML differences from HTML4 (англ.)
• Dive Into HTML5 by Mark Pilgrim (англ.)
• HTML5-тест браузеров (англ.)
• За пределами HTML 5 — докладYet another Conference
• HTML5 Rocks — проектGoogle, посвящённый HTML5,презентация HTML5
• Справочник по HTML-тегам — все существующие HTML-элементы, включая устаревшие.

• Форматы файлов
• HTML
• Языки разметки
• Стандарты Интернета
• RIA
• Стандарты W3C
• HTML5

• Страницы, использующие устаревший тег source
• Википедия:Cite web (не указан язык)
• Википедия:Cite web (заменить webcitation-архив: deadlink no)
• Страницы, использующие волшебные ссылки ISBN
• ПРО:ИТ:Статьи по алфавиту
• ПРО:ИТ:Последняя правка: в прошлом году