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.
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
ليست هناك تعليقات:
إرسال تعليق