HTML5 New Tags / Elements & Attributes

HTML/CSS

New Tags/Elements which were introduced with HTML5 are as follows:

Html5 Tags	Description
<header>	Defines a header for a document
<footer>	Defines a footer for a document
<article>	Defines an article in your document
<aside>	Defines content aside from the page content
<audio>	Allow to play audio on browser.
<canvas>	Used to draw Graphics on web.
<figure>	Specifies self-contained content
<meter>	Defines a scalar measurement within a known range
<nav>	Defines navigation links
<section>	Defines a section in a document
<source>	Defines multiple media resources for media elements (audio and video)
<video>	Defines a video or movie
<progress>	Represents the progress of a task
<mark>	Defines marked/highlighted text
<details>	Used to create an interactive widget that the user can open and close
<bdi>	Full form of BDI is Bi-Directional Isolation. This element is useful when embedding user-generated content with an unknown directionality.
<summary>	It specifies a visible heading for <detailed> element.
<wbr>	Used for possible line bread
<time>	Used for define date and time
<track>	Used for defines text tracks for media elements (<video> and <audio>)
<source>	Used for defines multiple media resources for media elements (<video> and <audio>)
<ruby>	Used for defines a ruby annotation
<output>	Used for represents the result of a calculation

HTML5 New Form Tags

Html5 Tags	Description
<datalist>	Defines a list of pre-defined options for input controls
<output>	Defines the result of a calculation

HTML5 Tags	Description
<canvas>	Draw graphics, on the fly, via scripting (usually JavaScript)
<svg>	Draw scalable vector graphics

HTML5 Tags	Description
<audio>	Defines sound content
<embed>	Defines a container for an external (non-HTML) application
<source>	Defines multiple media resources for media elements (<video> & <audio>)
<track>	Defines text tracks for media elements (<video> & <audio>)
<video>	Defines video or movie

Attribute Types	Examples
Empty	<input type=”number” value=”100″ disabled>
Double-quoted	<input type=”text” value=”MxTheme”>
Single-quoted	<input type=”text” value=’MxTheme’>
Unquoted	<input type=”email” value=mxtheme@dummy.com>