HTML5

HTML5 is the latest evolution of the standard that defines HTML. The term
represents two different concepts:
 It is a new version of the language HTML, with new elements, attributes,
and behaviors,
 and a larger set of technologies that allows more diverse and powerful
Web sites and applications. This set is sometimes called HTML5 &
friends and often shortened to just HTML5.
Designed to be usable by all Open Web developers, this reference page
links to numerous resources about HTML5 technologies, classified into
several groups based on their function.

 Semantics: allowing you to describe more precisely what your content is.
 Connectivity: allowing you to communicate with the server in new and
innovative ways.
 Offline and storage: allowing webpages to store data on the client-side
locally and operate offline more efficiently.
 Multimedia: making video and audio first-class citizens in the Open Web.
 2D/3D graphics and effects: allowing a much more diverse range of
presentation options.
 Performance and integration: providing greater speed optimization and
better usage of computer hardware.
 Device access: allowing for the usage of various input and output devices.
 Styling: letting authors write more sophisticated themes.
 SEMANTIC
S
Sections and outlines in HTML5
A look at the new outlining and sectioning elements in
HTML5: <section>, <article>, <nav>, <header>, <footer> and <
aside>.
Using HTML5 audio and video
The <audio> and <video> elements embed and allow the
manipulation of new multimedia content.
Forms in HTML5
A look at improvements to web forms in HTML5: the constraint
validation API, several new attributes, new values for
the <input> attribute type and the new <output> element.
New semantic elements
Beside sections, media and forms elements, there are numerous
new elements,
 like <mark>, <figure>, <figcaption>, <data>, <time>, <output>,
<progress>, or <meter> and <main>, increasing the number
of valid HTML5 elements.
Improvement in <iframe>
Using the sandbox and srcdoc attributes, authors can now be
precise about the level of security and the wished rendering of
an <iframe> element.
MathML
Allows directly embedding mathematical formulas.

Introduction to HTML5
This article introduces how to indicate to the browser that you are
using HTML5 in your web design or web application.

HTML5-compliant parser
The parser, which turns the bytes of an HTML document into a
DOM, has been extended and now precisely defines the behavior to
use in all cases, even when faced with invalid HTML. This leads to
far greater predictability and interoperability between HTML5-
compliant browsers.
 CONNECTI
VITY
Web Sockets
Allows creating a permanent connection between the page and the
server and to exchange non-HTML data through that means.

Server-sent events
Allows a server to push events to a client, rather than the classical
paradigm where the server could send data only in response to a
client's request.

WebRTC
This technology, where RTC stands for Real-Time Communication,
allows connecting to other people and controlling videoconferencing
directly in the browser, without the need for a plugin or an external
application.
 OFFLINE &
STORAGE
Offline resources: The application cache
Firefox fully supports the HTML5 offline resource specification. Most
others have offline resource support at some level.

Online and offline events

Firefox 3 supports WHATWG online and offline events, which let
applications and extensions detect whether or not there's an active
Internet connection, as well as to detect when the connection goes
up and down.

WHATWG client-side session and persistent storage (aka DOM

storage)
Client-side session and persistent storage allows web applications
to store structured data on the client side.
IndexedDB
IndexedDB is a web standard for the storage of significant amounts
of structured data in the browser and for high performance searches
on this data using indexes.

Using files from web applications

Support for the new HTML5 File API has been added to Gecko,
making it possible for web applications to access local files selected
by the user. This includes support for selecting multiple files using
the <input> of type file HTML element's new multiple attribute.
There also is FileReader.

MULTIMED
IA
Using HTML5 audio and video
The <audio> and <video> elements embed and allow the
manipulation of new multimedia content.
WebRTC
This technology, where RTC stands for Real-Time Communication,
allows connecting to other people and controlling videoconferencing
directly in the browser, without the need for a plugin or an external
application.

Using the Camera API

Allows using, manipulating, and storing an image from the
computer's camera.

Track and WebVTT

The <track> element allows subtitles and chapters. WebVTT is a
text track format.

3D GRAPHI
CS AND EFFECTS
Canvas tutorial
 Learn about the new <canvas> element and how to draw graphs
and other objects in Firefox.
HTML5 Text API for <canvas> elements
The HTML5 text API is now supported by <canvas> elements.
WebGL
WebGL brings 3D graphics to the Web by introducing an API that
closely conforms to OpenGL ES 2.0 that can be used in
HTML5 <canvas> elements.
SVG
An XML-based format of vectorial images that can directly be
embedded in the HTML.