Easy Tutorial
Html Tag Name Html Layouts Html5 New Element Html Xhtml Html Forms Index Html Colors Html Basic Html Elements Html Images Html5 Form Elements Html Sounds Html5 App Cache Html Editors Html Summary Html Tutorial Html Formatting Html Css Html Iframe Html Entities Html Paragraphs Html Quicklist Html Colorvalues Html5 Geolocation Html5 Semantic Elements Html Url Html5 Web Sql Html Object Html Attributes Html Tables Html5 Audio Html5 Form Input Types Html Lists Html Blocks Html5 Webworkers Html Head Html Examples Html5 Form Attributes Html5 Svg Html5 Webstorage Thread Procon Html5 Syntax Html Intro Html5 Websocket Html5 Browsers Html Colornames Html Iframes Html5 Intro Html5 Mathml Html Links Html5 Draganddrop Html Media Html Headings Html5 Serversentevents Html Videos Html5 Video Html Scripts Html5 Canvas
❮ Html Layouts Html Xhtml ❯

HTML5 New Elements

HTML5 New Elements

Since 1999, HTML 4.01 has changed significantly. Today, several elements in HTML 4.01 have been deprecated. These elements have been removed or redefined in HTML5.

To better handle today's internet applications, HTML5 has added many new elements and features, such as:

<canvas> New Element

Tag Description
<canvas> 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 for <video> and <audio>.
<embed> Defines embedded content, such as plugins.
<track> Specifies external text tracks for media elements like <video> and <audio>.

New Form Elements

Tag Description
<datalist> Defines a list of options. Use this element with the input element to define possible values for input.
<keygen> Specifies a key-pair generator field for forms.
<output> Defines the output of different types, such as script output.

New Semantic and Structural Elements

HTML5 provides new elements to create a better page structure:

Tag Description
<article> Defines an independent content area on the page.
<aside> Defines sidebar content on the page.
<bdi> Allows you to set a section of text that can override its parent element's text direction.
<command> Defines a command button, such as a radio button, checkbox, or button.
<details> Used to describe details of a document or a part of a document.
<dialog> Defines a dialog box, such as a prompt.
<summary> Contains the title for the details element.
<figure> Specifies independent content (images, charts, photos, code, etc.).
<figcaption> Defines the caption for the figure element.
<footer> Defines the footer for a section or document.
<header> Defines the head area of the document.
<mark> Defines text with a mark.
<meter> Defines a gauge. Used only for known maximum and minimum values.
<nav> Defines a section with navigation links.
<progress> Defines the progress of any type of task.
<ruby> Defines a ruby annotation (Chinese phonetic or character).
<rt> Defines the explanation or pronunciation of characters (Chinese phonetic or character).
<rp> Used in ruby annotations to define what to display in browsers that do not support ruby elements.
<section> Defines a section in a document.
<time> Defines a date or time.
<wbr> Specifies where in the text it is appropriate to add a line break.

Removed Elements

The following HTML 4.01 elements have been removed in HTML5:

❮ Html Layouts Html Xhtml ❯