4:19 AM
The web, and the utilization of the web, has changed a considerable measure since 1999, when HTML 4.01 turned into a standard.
Today, a few components in HTML 4.01 are old, never utilized, or not utilized the way they were planned. Every one of those components are uprooted or re-composed in HTML5.
To better handle today's web needs, HTML5 has likewise included new elements for drawing representation, showing media content, for better page structure and better structure taking care of, and a few new APIs, for example, move and customize, get the land position of a client, store neighborhood information, and that's only the tip of the iceberg.
Below is a quick reference of components that are new or have been reclassified in HTML5. For every component there is a short description, a link to the particular, and a browser support list has been given.
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. |
| 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 |
No comments
Post a Comment