HTML5 New Elements

## HTML Basic

HTML HOME HTML Introduction HTML Editors HTML Basic HTML Elements HTML Attributes HTML Headings HTML Paragraphs HTML Formatting HTML Links HTML Head HTML CSS HTML Images HTML Tables HTML Lists HTML Blocks HTML Layout HTML Forms HTML Iframes HTML Colors HTML Colornames HTML Colorvalues HTML JavaScript HTML Entities HTML URL Encode HTML Quick List HTML Summary HTML XHTML

## HTML5 News

HTML5 Intro HTML5 New Elements HTML5 Canvas HTML5 SVG HTML5 Drag/Drop HTML5 Geolocation HTML5 Video HTML5 Audio HTML5 Input Types HTML5 Form Elements HTML5 Form Attributes HTML5 Semantic HTML5 Web Storage HTML5 App Cache HTML5 Web Workers HTML5 SSE

## HTML Media

HTML Media HTML Object HTML Audio HTML Video HTML YouTube

## HTML Examples

HTML Examples HTML Quiz HTML5 Quiz HTML Certificate HTML5 Certificate

## HTML References

HTML Tag List HTML Attributes HTML Events HTML Canvas HTML Audio/Video HTML Doctypes HTML Colornames HTML Colorpicker HTML Colormixer HTML Character Sets HTML ASCII HTML ISO-8859-1 HTML Symbols HTML URL Encode HTML Lang Codes HTTP Messages HTTP Methods Keyboard Shortcuts

# HTML5 New Elements

« Previous
Next Chapter »

## New Elements in HTML5

The internet, and the use of the internet, has changed a lot since HTML 4.01 became a standard in 1999.

Today, several elements in HTML 4.01 are obsolete, never used, or not used the way they were intended. All those elements are removed or re-written in HTML5.

To better handle today's internet use, HTML5 also includes new elements for drawing graphics, adding media content, better page structure, better form handling, and several APIs to drag/drop elements, find Geolocation, include web storage, application cache, web workers, etc.

## The New <canvas> Element

Note: The links in the tables below point to our HTML 5 Reference. However, you will learn more about these new elements throughout this tutorial.

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

## New Media Elements

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

## 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

## New Semantic/Structural Elements

HTML5 offers new elements for better structure:

Tag | Description
--- | ---
<article> | Defines an article
<aside> | Defines content aside from the page content
<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
<dialog> | Defines a dialog box or window
<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
<header> | Defines a header for a document or section
<mark> | Defines marked/highlighted text
<meter> | Defines a scalar measurement within a known range (a gauge)
<nav> | Defines navigation links
<progress> | Represents the progress of a task
<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
<section> | Defines a section in a document
<time> | Defines a date/time
<wbr> | Defines a possible line-break

## Removed Elements

The following HTML 4.01 elements are removed from HTML5:

- <acronym>
- <applet>
- <basefont>
- <big>
- <center>
- <dir>
- <font>
- <frame>
- <frameset>
- <noframes>
- <strike>
- <tt>

« Previous
Next Chapter »

## Your suggestion:

Your E-mail (optional):

Page address:

Description:

Close [X]

## Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

## WEB HOSTING

Best Web Hosting UK Reseller Hosting Wow! $5 SSD Hosting

## WEB BUILDING

Download XML Editor
FREE Website BUILDER FREE Website Creator

## WEB RESOURCES

Web Statistics Web Validation

## SHARE THIS PAGE