HTML5 - New Tags (Elements)



The following tags (elements) have been introduced in HTML5 −

Tags (Elements) Description
<article> Represents an independent piece of content of a document, such as a blog entry or newspaper article
<aside > Represents a piece of content that is only slightly related to the rest of the page.
<audio> Defines an audio file.
<canvas> This is used for rendering dynamic bitmap graphics on the fly, such as graphs or games.
<command> Represents a command the user can invoke.
<datalist> Together with the a new list attribute for input can be used to make comboboxes
<details> Represents additional information or controls which the user can obtain on demand
<embed> Defines external interactive content or plugin.
<figure> Represents a piece of self-contained flow content, typically referenced as a single unit from the main flow of the document.
<footer> Represents a footer for a section and can contain information about the author, copyright information, et cetera.
<header> Represents a group of introductory or navigational aids.
<hgroup> Represents the header of a section.
<keygen> Represents control for key pair generation.
<mark> Represents a run of text in one document marked or highlighted for reference purposes, due to its relevance in another context.
<meter> Represents a measurement, such as disk usage.
<nav> Represents a section of the document intended for navigation.
<output> Represents some type of output, such as from a calculation done through scripting.
<progress> Represents a completion of a task, such as downloading or when performing a series of expensive operations.
<ruby> Together with <rt> and <rp> allow for marking up ruby annotations.
<section> Represents a generic document or application section
<time> Represents a date and/or time.
<video> Defines a video file.
<wbr> Represents a line break opportunity.

New types for <input> tag

The input element's type attribute now has the following new values −

Type Description
color Color selector, which could be represented by a wheel or swatch picker
date Selector for calendar date
datetime-local Date and time display, with no setting or indication for time zones
datetime Full date and time display, including a time zone.
email Input type should be an email.
month Selector for a month within a given year
number A field containing a numeric value only
range Numeric selector within a range of values, typically visualized as a slider
search Term to supply to a search engine. For example, the search bar atop a browser.
tel Input type should be telephone number.
time Time indicator and selector, with no time zone information
url Input type should be URL type.
week Selector for a week within a given year
Advertisements