New Elements HTML5
To better handle today's internet needs, HTML5 has also included new elements for drawing graphics, displaying media content, for better page structure and better form handling, and several new APIs for drag and drop, for finding your geological location, for storing local data, and more. Below is a list of the new HTML elements, introduced by HTML5, and a description of what they are used for. |
New Semantic/Structural Elements
HTML5 offers new elements for better structure:
| Tag | Description |
|---|---|
| <header> | Defines a header for the document or a section |
| <hgroup> | Groups heading elements |
| <nav> | Defines navigation links in the document |
| <section> | Defines a section in the document |
| <main> | Defines the main content of a document |
| <article> | Defines an article in the document |
| <aside> | Defines content aside from the page content |
| <footer> | Defines a footer for the document or a section |
| <details> | Defines additional details that the user can view or hide |
| <summary> | Defines a visible heading for a <details> element |
| <figure> | Defines self-contained content, like illustrations, diagrams, photos, code listings, etc. |
| <figcaption> | Defines a caption for a <figure> element |
| <mark> | Defines marked or highlighted text |
| <time> | Defines a date/time |
| <bdi> | Defines a part of text that might be formatted in a different direction from other text outside it |
| <wbr> | Defines a possible line-break |
| <dialog> | Defines a dialog box or window |
| <command> | Defines a command button that a user can invoke |
| <meter> | Defines a scalar measurement within a known range (a gauge) |
| <progress> | Defines 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 |
New Form Elements
| Tag | Description |
|---|---|
| <datalist> | Defines pre-defined options for input controls |
| <keygen> | Defines a key-pair generator field (for forms) |
| <output> | Defines the result of a calculation |
The New <canvas> Element
| Tag | Description |
|---|---|
| <canvas> | Defines graphic drawing using JavaScript |
New Media Elements
| Tag | Description |
|---|---|
| <audio> | Defines sound or music content |
| <video> | Defines video or movie content |
| <source> | Defines sources for <video> and <audio> |
| <track> | Defines tracks for <video> and <audio> |
| <embed> | Defines containers for external applications (like plug-ins) |
Removed Elements
The following HTML 4.01 elements has been removed from HTML5:
- <acronym>
- <applet>
- <basefont>
- <big>
- <center>
- <dir>
- <font>
- <frame>
- <frameset>
- <noframes>
- <strike>
- <tt>
| <<New Input Types | Example of incorporations and improvements from previous versions >> |