HTML5 all tags and its Description

Hi Everybody, How are you? I am well in this morning. Now I am writing about HTML5 all tags and its description. Html5 is a new version of html4. Html5 has some new tags and some owner quality.

Every web designer/developer needs to know html5 and its use. Now most of the website template are made html5 document. You can use html5 tags, if you know html4 first. You can see my older article about All HTML Tags and Its Description to flow html4 tags.

If you search in Google write the text “html5”, You can see this image about html5 in Wikipedia.

Now write all about HTML5 tags and its description.

Element	Description
<template>	Container for client-side content instantiated during runtime using JavaScript.
<section>	Defines a section in a document.
<nav>	Defines a section that contains only navigation links.
<article>	Defines self-contained content that could exist independently of the rest of the content.
<aside>	Defines some content loosely related to the page content. If it is removed, the remaining content still makes sense.
<header>	Defines the header of a page or section. It often contains a logo, the title of the Web site, and a navigational table of content.
<footer>	Defines the footer for a page or section. It often contains a copyright notice, some links to legal information, or addresses to give feedback.
<main>	Defines the main or important content in the document. There is only one <main> element in the document.
<figure>	Represents a figure illustrated as part of the document.
<figcaption>	Represents the legend of a figure.
<data>	Associates to its content a machine-readable equivalent. (This element is only in the WHATWG version of the HTML standard and not in the W3C version of HTML5).
<time>	Represents a date and time value; the machine-readable equivalent can be represented in the date time attribute.
<mark>	Represents text highlighted for reference purposes that is for its relevance in another context.
<ruby>	Represents content to be marked with ruby annotations, short runs of text presented alongside the text. This is often used in conjunction with East Asian language where the annotations act as a guide for pronunciation, like the Japanese furigana.
<rt>	Represents the text of a ruby annotation.
<rp>	Represents parenthesis around a ruby annotation, used to display the annotation in an alternate way by browsers not supporting the standard display for annotations.
<bdi>	Represents text that must be isolated from its surrounding for bidirectional text formatting. It allows embedding a span of text with a different, or unknown, directionality.
<wbr>	Represents a line break opportunity that is a suggested point for wrapping text in order to improve readability of text split on several lines.
<embed>	Represents an integration point for an external, often non-HTML, application or interactive content.
<video>	Represents a video, and its associated audio files and captions, with the necessary interface to play it.
<audio>	Represents a sound, or an audio stream.
<source>	Allows authors to specify alternative media resources for media elements like <video> or <audio>.
<track>	Allows authors to specify timed text track for media elements like <video> or <audio>.
<canvas>	Represents a bitmap area that scripts can be used to render graphics, like graphs, game graphics, or any visual images on the fly.
<svg>	Defines an embedded vectorial image.
<math>	Defines a mathematical formula.
<datalist>	Represents a set of predefined options for other controls.
<keygen>	Represents a key-pair generator control.
<output>	Represents the result of a calculation.
<progress>	Represents the completion progress of a task.
<meter>	Represents a scalar measurement (or a fractional value), within a known range.
<details>	Represents a widget from which the user can obtain additional information or controls.
<summary>	Represents a summary, caption, or legend for a given <details>.
<menuitem>	Represents a command that the user can invoke.
<menu>	Represents a list of commands.