HTML5 New Elements


HTML5 New Elements

HTML 4.01 has changed a lot since 1999. Today, several of HTML 4.01 elements have been abandoned, and these elements have been deleted or redefined in HTML5.

In order to better handle today’s Internet applications, HTML5 has added many new elements and functions, such as: graphics rendering, multimedia content, better page structure, better form handling, and several api drag and drop elements, positioning, Including web application caching, storage, web workers, etc.


New Element - <canvas>

LabelDescription
<canvas>Labels define graphics, such as charts and other images. The tag is based on the JavaScript drawing API



New Multimedia Elements

LabelDescription
<audio>Define audio content
<video>Define the video (video or movie)
<source>Define multimedia resources <video> and <audio>
<embed>Define embedded content, such as plug-ins.
<track>Specifies external text tracks for media such as <video> and <audio> elements.



New Form Element

LabelDescription
<datalist>Define a list of options. Please use this element in conjunction with the input element to define the possible values of input.
<keygen>Specifies the key pair generator field to be used in the form.
<output>Define different types of output, such as script output.



New Semantic and Structural Elements

HTML5 provides new elements to create a better page structure:

LabelDescription
<article>Defines the independent content area of the page.
<aside>Defines the sidebar content of the page.
<bdi>Allows you to set a piece of text so that it deviates from the text direction setting of its parent element.
<command>Defines command buttons, such as radio buttons, check boxes, or buttons
<details>Uses to describe the details of a document or a part of the document
<dialog>Defines a dialog box, such as a prompt box
<summary>Contains the title of the details element
<figure>Specifies independent streaming content (images, charts, photos, codes, etc.).
<figcaption>Defines the caption of the <figure> element
<footer>Defines the footer of a section or document.
<header>Defines the head area of the document
<mark>Defines text with a mark.
<meter>Defines weights and measures. Only used for metrics with known maximum and minimum values.
<nav>Defines the part of the navigation link.
<progress>Defines the progress of any type of task.
<ruby>Define ruby comments (I18N characters).
<rt>Defines the interpretation or pronunciation of characters (For I18N characters).
<rp>Uses in ruby comments to define the content displayed by browsers that do not support ruby elements.
<section>Defines the section in the document.
<time>Defines the date or time.
<wbr>Specifies where in the text it is appropriate to add a newline character.



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>

Those HTML 4.01 elements have been abandoned, and these elements have been deleted or redefined in HTML5.

In order to better handle today’s Internet applications, HTML5 has added many new elements and functions, such as: graphics rendering, multimedia content, better page structure, better form handling, and several api drag and drop elements, positioning, Including web application caching, storage, web workers, etc.