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 |
