HTML 5
HTML 5 (англ. HyperText Markup Language 5) — пятая версия одного из главных языков разметки Интернета, HTML. Версия языка, полностью соответствующая стандарту XML называется XHTML 5.
Многие идеи HTML 5 были изначально предложены WHATWG в стандарте Web Applications 1.0. HTML 5 включает другой стандарт WHATWG, Web Forms 2.0. Разработка HTML 5 началась в новой рабочей группе W3C в 2007 году.
Первый черновик спецификации стал доступен широкой общественности 22 января 2008. Спецификация сейчас находится в разработке и может находиться в этой стадии ещё несколько лет, хотя предполагается, что отдельные части HTML 5 будут закончены и реализованы в браузерах до того, как спецификация официально получит статус рекомендации.
Новая разметка
HTML 5 вводит несколько новых элементов и атрибутов. Некоторые из них технически являются эквивалентами <div> и <span>, но имеют своё семантическое значение, например <nav> (навигационная панель) и <footer>. Эти теги будут облегчать работу поисковикам, а также обработку сайта с КПК или читающих программ. Другие элементы предоставляют новую функциональность, такие как <audio> и <video>.
Некоторые устаревшие элементы HTML 4, такие как <font> и <center>, были удалены из HTML 5.
Пример веб-страницы HTML 5
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<span style="background-color: #d3d3d3;"> <span class="sc0"><!DOCTYPE html></span> <span class="sc2"><<span class="kw2">html</span>></span> <span class="sc2"><<span class="kw2">head</span>></span> <span class="sc2"><<span class="kw2">title</span>></span>Example HTML5 document<span class="sc2"><<span class="sy0">/</span><span class="kw2">title</span>></span> <span class="sc2"><<span class="sy0">/</span><span class="kw2">head</span>></span> <span class="sc2"><<span class="kw2">body</span>></span> <span class="sc2"><header></span>...<span class="sc2"><<span class="sy0">/</span>header></span> <span class="sc2"><nav></span>...<span class="sc2"><<span class="sy0">/</span>nav></span> <span class="sc2"><section></span> <span class="sc2"><article></span> ... <span class="sc2"><<span class="sy0">/</span>article></span> <span class="sc2"><<span class="sy0">/</span>section></span> <span class="sc2"><aside></span>...<span class="sc2"><<span class="sy0">/</span>aside></span> <span class="sc2"><footer></span>...<span class="sc2"><<span class="sy0">/</span>footer></span> <span class="sc2"><<span class="sy0">/</span><span class="kw2">body</span>></span> <span class="sc2"><<span class="sy0">/</span><span class="kw2">html</span>></span> </span> |
Новые API
Помимо определения разметки, в HTML 5 определены API. Существующие интерфейсы DOM расширены, также были добавлены новые API:
* Рисование 2D-картинок в реальном времени;
* Контроль над проигрыванием медиафайлов, который может использоваться, например, для синхронизации субтитров с видео;
* Хранение данных в браузере;
* Редактирование;
* Drag-and-drop;
* Работа с сетью;
* MIME.
Некоторые новые возможности HTML 5 включены в стандарт языка только из-за отсутствия желающих разделить стандарт HTML 5 и поддерживать отдельные спецификации.[6]
Отличия от HTML 4
Основные отличия HTML 5 от HTML 4 составляют:
* Новые правила лексического разбора;
* Новые элементы — footer, section, video, audio, progress, nav, meter, time, aside, canvas;
* Новые типы input-элементов;
* Новые атрибуты;
* Глобальные атрибуты — id, tabindex, repeat;
* Устаревшие элементы убраны — center, font, strike.
Обработка ошибок
HTML5-совместимые браузеры очень гибки при обработке ошибок, в отличие от XHTML. HTML 5 разработан так, что не поддерживающие его браузеры могут спокойно игнорировать элементы HTML 5. В отличие от четвёртой, пятая версия чётко прописывает правила лексического разбора, чтобы различные браузеры отображали один и тот же результат в случае некорректного синтаксиса.
Предполагается, что спецификации достигнут статуса W3C Candidate Recommendation в 2012 году, но это не означает, что вы должны будете ждать так долго, для того, чтобы начать использовать какие-то новые вещи HTML 5. Большинство современных браузеров, к примеру, уже имеют реализацию элемента <canvas> (влкючая Mozilla Firefox, в которой он частично реализован с версии 1.5).
HTML 5 переопределит то, как web-разработчики создают разметку содержимого. Эта версия предложит лучший способ описания отображаемого на web-странице контента, позволит использовать более комплексные типы содержимого, улучшит поддержку медиа и web-приложений и увеличит функциональную совместимость HTML-документов.
Имейте в виду, что эти вещи все еще находятся в стадии разработки и могут быть изменены, многие из указанных улучшений могут быть пересмотрены в течении нескольких лет или не быть реализованы вовсе.