HTML 5

Обзор того, что дает HTML 5. Это как преемник HTML 4, платформы для онлайн-приложений или даже местных (особенно с Metro).

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

Графика на странице

Canvas позволяет интегрировать векторные рисунки в страницу. Например, это может быть графика. Он также может использоваться для интерфейса приложения и, таким образом, заменяет Flash.
Canvas программируется JavaScript: графика динамична и интерактивна.
Многие книжные магазины доступны для удобства работы веб-мастера.

Учебник Канвы.

Виджеты

Виджеты, вставленные на страницы в iFrames, могут общаться друг с другом посредством отправки сообщений.
Такие виджеты часто получают информацию с сторонних сайтов, например, это касается виджета RSS от Google. Эта информация может быть связана с информацией других виджетов и определяться ими.

Виджеты. Компоненты графического интерфейса.
Комбобокс.
Button SVG, Canvas или standard. Как расширить HTML 5 новыми объектами форм.
Progress bar в HTML 5 и эквиваленте HTML 4.

Веб-приложение

У нас есть выбор между Canvas и объектами форм, чтобы создать интерфейс приложения. Эти объекты более многочисленны и развиты с помощью версии 5 HTML.
Создание онлайн-приложения, столь же развитого, как и локальное, становится проще. Для пользователя преимущество - универсальная переносимость, отсутствие установки, автоматическое обновление, использование на разных аппаратах.
Офлайн-режим HTML 5 сделал Gears от Google устаревшим. Он позволяет использовать локальную копию веб-приложения и не использовать интернет-связь.

Список всех объектов формы.
Новые атрибуты HTML 5.
Фреймворки.
3D игровые движки.
Перетащите фигуру на HTML-страницу. Демонстрация с картинками и корзиной интернет-магазина.
Совместимость новых веб-технологий. Как и в случае с объектами форм, тестированием Worker, WebSocket и т.д.
Инструменты.

Видео и аудио

HTML 5 имеет собственное видео или аудио проигрыватель, настраиваемый CSS. Он освобождает плагины для интеграции их в страницу, также позволяет просматривать заменяющее изображение, загружать файл в фоновую задачу и перейти прямо в точку видео (как это уже делает Youtube) или саундтрек.

WebM. Видеокодек для HTML 5.

Постоянство данных

С помощью переменных хранения, для которых место видимости - это сеанс, данные, более важные, чем файлы cookie, хранятся локально. Это также гораздо проще для разработчика.

Демонстрации IndexedDB

Микроформаты

Он помогает извлекать данные со страницы через стандартные форматы, аналогичные RSS.
Например, Google использует описание кухонных рецептов в микроформате, встроенном в код страницы, чтобы лучше представить их на страницах результатов.

Упрощение

Помимо тега видео, HTML 5 упрощает дизайн страниц. Перетаскивание - это новая базовая функция, включенная в формат.
Новые теги <раздел> помогают организовать страницу.
Но нынешние маяки могут быть расширенными и упрощенными, пример:

<!DOCTYPE html>

HTML-документы и виджеты