HTML 5

Overview of what HTML 5 gives. It is like a successor to HTML 4, a platform for online applications or even local (especially with Metro).

The new format creates a standard for many features previously available as plugins, and thus allows you to create more developed sites that are available to all Internet users.

Graphics on page

Canvas allows you to integrate vector drawings into your page. For example, it can be graphics. It can also be used for the application interface and thus replaces Flash.
Canvas is programmed with JavaScript: graphics are dynamic and interactive.
Many bookstores are available for the convenience of a webmaster.

Kanwa textbook.

Widgets

Widgets inserted into pages in iFrames can communicate with each other by sending messages.
Such widgets often receive information from third-party sites, for example, this applies to the RSS widget from Google. This information can be related to and determined by the information of other widgets.

Widgets. GUI components.
Combobox.
Button SVG, Canvas или standard. How to extend HTML 5 with new form objects.
Progress bar in HTML 5 and HTML 4 equivalent.

Web application

We have a choice between Canvas and form objects to build the application interface. These objects are more numerous and developed with HTML version 5.
Building an online app as advanced as a local one is getting easier. For the user, the advantage is universal portability, lack of installation, automatic updating, use on different devices.
Offline HTML 5 has made Google's Gears obsolete. It allows you to use a local copy of the web application and not use Internet communication.

Lists all objects in the form.
New HTML 5 attributes.
Frameworks.
3D game engines.
Drag onto an HTML page. Demo with pictures and an online store basket.
Compatibility of new web technologies. As with form objects, Worker testing, WebSocket, etc.
Toolbox.

Video and audio

HTML 5 has its own video or audio player customizable by CSS. It frees plugins to integrate them into the page, also allows you to view a replacement image, upload a file to a background task and go straight to the video point (as Youtube already does) or soundtrack.

WebM. Video codec for HTML 5.

Persistence of data

With storage variables for which the viewpoint is a session, data more important than cookies are stored locally. It's also much easier for the developer.

IndexedDB Demos

Microformats

It helps extract data from the page through standard formats similar to RSS.
For example, Google uses a description of kitchen recipes in a microformat embedded in the page code to better represent them on results pages.

Simplification

In addition to the video tag, HTML 5 simplifies page design. Drag and drop is a new basic feature included in the format .
New <section> tags help you organize your page.
But current beacons can be extended and simplified, an example:

<!DOCTYPE html>

HTML documents and widgets