HTML5 new element

HTML 4.01 has changed a lot since 1999. Today, several of the 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 adds a lot of new elements and features, such as: graphics rendering, multimedia content, better page structure, better form processing, and several api drag and drop elements, positioning, Includes web application caching, storage, web workers, and more.

<canvas> new element 

     label     description


Tags define graphics, such as charts and other images. The tag is based on the JavaScript drawing API

New multimedia element

     label     description
    <audio>Defining audio content
    <video>Define video (video or movie)
    <source>Define multimedia resources <video> and <audio>
    <embed>Define embedded content, such as plugins.


Specifies external text tracks for media such as <video> and <audio> elements.

New form element

     label     description


Define a list of options. Use this element with the input element to define the possible values ​​for input.
    <keygen>Specifies the key pair generator field for the form.
    <output>Define different types of output, such as the output of a script.

New semantic and structural elements

HTML5 provides new elements to create a better page structure:

     label     description
    <article>Define a separate content area for the page.
    <aside>Define the content of the sidebar of the page.
    <bdi>Allows you to set a piece of text away from the text orientation setting of its parent element.
    <command>Define command buttons, such as radio buttons, check boxes, or buttons
    <details>Used to describe the details of a document or part of a document
    <dialog>Define dialogs, such as prompt boxes
    <summary>The label contains the title of the details element
    <figure>Specify separate stream content (images, charts, photos, code, etc.).
    <figcaption>Define the title of the <figure> element
    <footer>Define the footer of a section or document.
    <header>Defines the header area of ​​the document
    <mark>Define text with tokens.
    <meter>Define weights and measures. Used only for metrics with known maximum and minimum values.
    <nav>Define the part of the navigation link.
    <progress>Define the progress of any type of task.
    <ruby>Define ruby ​​comments (Chinese phonetic or characters).
    <rt>Define the interpretation or pronunciation of a character (Chinese phonetic or character).



Used in ruby ​​comments to define what is displayed by browsers that do not support ruby ​​elements.
    <section>Define the sections (sections, sections) in the document.
    <time>Define the date or time.
    <wbr>Specify where in the text it is appropriate to add line breaks.

For the usage of the above new elements, please visit our HTML reference manual.

Last Updated: 2018-07-06 12:32:44 By akshay


share_facebook share_twitter share_google_plus

Please Comment Here :