#html5 tutorial

How I do a presentation about HTML.

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 the building of 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.

Semantics

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 improvements

A look at 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.

Course details