New elements of HTML5

HTML 4.01 has changed a lot since 1999. Today, several elements in HTML 4.01 have been discarded 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 processing, and several ``api``drag and drop elements, positioning, including web application caching, storage, web workers, etc.

< canvas > New element

Label	Description
< canvas >	tags define graphics, such as charts and other images. The label is based on JavaScript’s drawing API

New multimedia elements

Label	Description
< audio >	Define audio content
< video >	Define video
<source>	Define multimedia resources < video > and < audio >
< embed >	Define embedded content, such as plug-ins.
< track >	Specify external text tracks for media such as < video > and < audio > elements.

New form element

Label	Description
< datalist >	Define a list of options. Use this element with the input element to define possible values for input.
< keygen >	Specifies the key pair generator field to use for 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:

Label	Description
< article >	Define the independent content area of the page.
< aside >	Define the contents 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 a part of a document
< dialog >	Define a dialog box, such as a prompt box
< summary >	The tag contains the title of the details element
<figure>	Specify independent streaming content (images, charts, photos, codes, etc.).
< figcaption >	Define the title of the < figure > element
< footer >	Define the footer for section or document.
< header >	Defines the header area of the document
< mark >	Defines marked text.
< meter >	Define weights and measures. Used only for measurements of 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 character).
< rt >	Define the interpretation or pronunciation of characters (Chinese Bopomofo or characters).
<rp>	Used in ruby comments to define what is displayed by browsers that do not support ruby elements.
< section >	Define sections in the document.
< time >	Define the date or time.
< wbr >	Specifies where to add newline characters in the text.

Removed element

The following HTML 4.01elements have been deleted in HTML5:

<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
<tt>