HTML5 New Elements

In HTML5, there are lots of new elements that are added which provides some extra functionality to create an attractive and dynamic website or webpages.

List of HTML 5 Tags:

<article> – Independent piece of content in a document,

<aside> – The article is slightly related to the rest of the whole page.

<audio> – Play audio file in HTML

<bdi> – The bdi stands for bi-directional isolation. It isolates a part of the content that is

formatted in other directions from the outside content document.

<canvas> – Draw canvas.

<data> – Machine readable version of its data.

<datalist> – Auto complete feature for textfield.

<details> –  Additional information or controls required by the user.

<dialog> – Window or a dialog box.

<figcaption> – Caption for a <figure> element.

<figure> –  Self-contained content like photos, diagrams, etc.

<footer> – Footer for a section.

<header> – Header for a section.

<main> – Main content of a document.

<mark> – Marked or highlighted content.

<menuitem> – User can invoke from a popup menu

<meter> – Measure the scalar value within a given range.

<nav> – Navigation link in the document.

<progress> – Progress of the task.

<rp> –  Browser that don’t support ruby annotation.

<rt> – An explanation/pronunciation of characters.

<ruby> – Ruby annotation along with <rp> and <rt>.

<section> – Section in the document.

<summary> – A visible heading for <detailed> element.

<svg> – Display shapes.

<time> – Define a date/time.

<video> –  Play video file in HTML.

<wbr> – Possible line break.

HTML5 Form Tags:

<datalist> –  It represent predefined list for input <option> element.

<output> –  Container element to provide the output of a calculation or outcome of user action.

Graphics Tags:

<canvas> – It allows drawing graphics and animations via scripting.

<svg> – It is used to draw scalable vector graphics.

HTML5 Media Tags:

<audio> – It defines sound content.

<embed> – It defines a container for external files/application/media.

<source> – It defines multiple media resources for the media elements.

<track> – It defines text tracks for <audio> and <video> files

<video> –  It defines video content within HTML document.

HTML5 New <input> types:

color – Input field which defines a color selector.

date – Input field to define a date selector.

datetime – Full date and time display with time zone information.

datetime-local – Date and time without time zone information.

email – Email pattern Validation.

month – Enter month for the particular year

number – Selects a numeric value only.

range – Numeric value selector within a given range of 1 to 100.

search – Define a search field.

tel – Enter a telephone number.

time  – Control to enter time value with no time zone.

url – Input field to enter a URL

week – It provides a selector for week value for the particular year.