HTML5 Slideshow Maker

Knowledge: HTML5 New Elements & Removed Elements

As we all know, HTML5 is the new standard for HTML. HTML5 is a cooperation between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG). WHATWG was working with web forms and applications, and W3C was working with XHTML 2.0. In 2006, they decided to cooperate and create a new version of HTML.

HTML5 New ElementsSome of the most interesting new elements in HTML5:

- Support for local storage
- New form controls, like calendar, date, time, email, url, search
- The <canvas> element for 2D drawing
- The <video> and <audio> elements for media playback
- New content-specific elements, like <article>, <footer>, <header>, <nav>, <section>, and more.

1. New Semantic/Structural Elements

Tag Description
<article> Defines an article
<section> Defines a section in a document
<nav> Defines navigation links
<aside> Defines content aside from the page content
<header> Defines a header for a document or section
<bdi> Isolates a part of text that might be formatted in a different direction from other text outside it
<command> Defines a command button that a user can invoke
<details> Defines additional details that the user can view or hide
<mark> Defines marked/highlighted text
<meter> Defines a scalar measurement within a known range (a gauge)
<progress> Represents the progress of a task
<summary> Defines a visible heading for a <details> element
<figure> Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.
<figcaption> Defines a caption for a <figure> element
<footer> Defines a footer for a document or section
<hgroup> Groups a set of <h1> to <h6> elements when a heading has multiple levels
<ruby> Defines a ruby annotation (for East Asian typography)
<rt> Defines an explanation/pronunciation of characters (for East Asian typography)
<rp> Defines what to show in browsers that do not support ruby annotations
<time> Defines a date/time
<wbr> Defines a possible line-break

2. New Media Elements

Tag Description
<audio> Defines sound content
<video> Defines a video or movie
<source> Defines multiple media resources for <video> and <audio>
<track> Defines text tracks for <video> and <audio>
<embed> Defines a container for an external application or interactive content (a plug-in)

3. New Form Elements

Tag Description
<datalist> Specifies a list of pre-defined options for input controls
<keygen> Defines a key-pair generator field (for forms)
<output> Defines the result of a calculation

4. The new <canvas> Element

<canvas> Used to draw graphics, on the fly, via scripting (usually JavaScript)

5. Removed Elements