HTML5 New Elements
HTML5 New Elements
Since 1999, HTML 4.01 has changed a lot. Today, several elements in HTML 4.01 have been deprecated, and these elements have been removed or redefined in HTML5.
In order to better handle today's Internet applications, HTML5 has added many new elements and features, such as: graphics drawing, multimedia content, better page structure, better form processing, and several API drag-and-drop elements, geolocation, including web application cache, storage, web workers, etc.
<canvas> New Elements
| Tag | Description |
|---|---|
| <canvas> | The tag defines graphics, such as charts and other images. This tag is based on the JavaScript drawing API. |
New Multimedia Elements
| Tag | Description |
|---|---|
| <audio> | Defines audio content |
| <video> | Defines video (video or movie) |
| <source> | Defines multimedia resources <video> and <audio> |
| <embed> | Defines embedded content, such as a plugin. |
| <track> | Specifies external text tracks for media such as <video> and <audio> elements. |
New Form Elements
| Tag | Description |
|---|---|
| <datalist> | Defines an option list. Use this element together with the input element to define possible values for input. |
| <keygen> | Specifies a key-pair generator field for forms. |
| <output> | Defines different types of output, such as the output of a script. |
New Semantic and Structural Elements
HTML5 provides new elements to create better page structure:
| Tag | Description |
|---|---|
| <article> | Defines an independent content area of a page. |
| <aside> | Defines sidebar content of a page. |
| <bdi> | Allows you to set a piece of text to be isolated from the text direction setting of its parent element. |
| <command> | Defines a command button, such as a radio button, checkbox, or button. |
| <details> | Used to describe details of a document or a section of a document. |
| <dialog> | Defines a dialog box, such as a prompt box. |
| <summary> | The tag contains the title of the details element. |
| <figure> | Specifies independent flow content (images, charts, photos, code, etc.). |
| <figcaption> | Defines the title of the <figure> element. |
| <footer> | Defines the footer of a section or document. |
| <header> | Defines the header area of a document. |
| <mark> | Defines text with a mark. |
| <meter> | Defines measurement. Used only for measurements with a known maximum and minimum value. |
| <nav> | Defines a section of navigation links. |
| <progress> | Defines the progress of any type of task. |
| <ruby> | Defines ruby annotations (Chinese phonetic notation or characters). |
| <rt> | Defines the explanation or pronunciation of characters (Chinese phonetic notation or characters). |
| <rp> | Used in ruby annotations, defines content displayed by browsers that do not support the ruby element. |
| <section> | Defines a section in a document (section, segment). |
| <time> | Defines a date or time. |
| <wbr> | Specifies where in the text a line break is appropriate. |
Removed Elements
The following HTML 4.01 elements have been removed in HTML5:
- <acronym>
- <applet>
- <basefont>
- <big>
- <center>
- <dir>
- <font>
- <frame>
- <frameset>
- <noframes>
- <strike>
- <tt>