HTML5 New Elements
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.
Semantic or Structural Elements
o <article>
o The <article> element speaks to a part of a page that
comprises of an independent arrangement in a report, page,
provision, or site and that is proposed to be freely
distributable or reusable, e.g. in syndication. This could be a
gathering post, a magazine or daily paper article, a web
journal entrance, a client submitted remark, an intuitive
gadget or device, or any possible free thing of substance.
Source: w3.org Description
Supported Browser
9.0 4.0 11.1 5.0 6.0
o <aside>
o The <aside> element speaks to a segment of a page that
comprises of substance that is tangentially identified with the
substance around the <aside> element, and which could be
viewed as partitioned from that substance. Such segments
are regularly spoken to as sidebars in printed typography.
Source: w3.org Description
Supported Browser
9.0 4.0 11.1 5.0 6.0
o <bdi>
o The <bdi> elements speaks to a compass of content that is
to be secluded from its surroundings for the reasons of
bidirectional content arranging.
Source: w3.org Description
Supported Browser
10.0 16.0
o <details>
o The <details> element speaks to an exposure gadget from
which the client can get extra data or controls. This element
shouldn't be used in footnotes. This element is used as the
parent of <summary> element
Source: w3.org Description
Supported Browser
15.0 6.0 12.0
o <dialog>
o The <dialog> element characterizes a dialog box or window.
The <dialog> element makes it simple to make popup
dialogs and models on a website page.
Source: w3.org Description
Supported Browser
6.0 Canary
o <figcaption>
o The <figcaption> element speaks to a caption or legend for
a figure or image. This element is used with it's
parent <figure> element.
Source: w3.org Description
Supported Browser
9.0 4.0 11.1 5.0 6.0
o <figure>
o The <figure> element speaks to an unit of substance,
alternatively with a subtitle, that is independent, that is
normally referenced as a solitary unit from the principle
stream of the record, and that could be moved far from the
primary stream of the archive without influencing the report's
importance. This element is followed by it's
child, <figcaption> element.
Source: w3.org Description
Supported Browser
9.0 4.0 11.1 5.0 6.0
o <footer>
o The <footer> element speaks to a footer for its closest
precursor segmenting substance or separating root element.
A <footer> element normally holds data about its area, for
example, who thought of it, connections to related records,
copyright information, and so forth.
Source: w3.org Description
Supported Browser
9.0 4.0 11.1 5.0 6.0
o <header>
o The <header> element is a gathering of initial or navigational
helps. A <header> element ordinarily holds the segment's
heading (a h1h6 element or a <hgroup> element), however
can likewise hold other substance, for example, a list of
chapters, an inquiry structure, or any applicable logo.
Source: w3.org Description
Supported Browser
9.0 4.0 11.1 5.0 6.0
o <hgroup>
o <hgroup> has now been removed from the HTML5
specification.
The <hgroup> element is commonly used to gathering a set
of one or more h1-h6 elements to gathering, for instance,
a segment title and a going with subtitle.
Source: w3.org Description
Supported Browser
9.0 4.0 11.1 5.0 6.0
o <main>
o The <main> element could be utilized as a compartment for
the predominant substance of an alternate element. It
speaks to its youngsters.
Source: w3.org Description
Supported Browser
4.0 11.1 5.0 5.0
o <mark>
o The <mark> element speaks to a run of content in one
record marked or highlighted for reference purposes,
because of its importance in an alternate setting.
Source: w3.org Description
Supported Browser
9.0 4.0 11.1 5.0 6.0
o <menuitem>
o The <menuitem> element characterizes a command/menu
thing that the client can conjure from a popup menu.
Source: w3.org Description
Supported Browser
8.0 (for context menus)
o <menu>
o The <menu> element represents a list or set of commands.
On clicking the <menu> element the drop down or popup
appears.
Source: w3.org Description
Supported Browser
8.0 (for context menus)
o <nav>
o The <nav> element speaks to a segment of a page that
connections to different pages or to parts inside the page: an
area with navigation joins. Not all gatherings of connections
on a page need to be in a <nav>element just areas that
comprise of real navigation squares are suitable for
the <nav> element. Specifically, it is regular for footers to
have an arrangement of connections to different key parts of
a site, yet the footer element is more suitable in such cases,
and no <nav> element is vital for those connections.
Source: w3.org Description
Supported Browser
9.0 4.0 11.1 5.0 6.0
o <rp>
o Ruby parentheses (<rp>), an element used to wrap opening
and shutting enclosures around rt, ruby content. These are
for client executors that don't help ruby content, so it bodes
well when shown inline.
Source: w3.org Description
Supported Browser
5.5 15.0 5.0 5.0
o <rt>
o The <rt> tag characterizes a clarification or elocution of
characters (for East Asian typography) in a ruby annotation.
It comes after the base text it defines.
Source: w3.org Description
Supported Browser
5.5 15.0 5.0 5.0
o <ruby>
o The <ruby> element permits compasses of stating
substance to be stamped with ruby annotations. It is utilized
for East Asian typography, to show the elocution of East
Asian characters.
Source: w3.org Description
Supported Browser
5.5 15.0 5.0 5.0
o <section>
o The <section> element speaks to a bland archive or
provision section The <section> element is not a non
specific compartment element. At the point when an element
is required just for styling purposes or as a comfort for
scripting, creators are swayed to utilize the <div> element. A
general standard is that the <section> element is proper just
if the element's substance would be recorded expressly in
the record's framework.
Source: w3.org Description
Supported Browser
9.0 4.0 11.1 5.0 6.0
o <summary>
o The <summary> element speaks to a summary, heading, or
legend for whatever is left of the substance of
the <summary> element's guardian <details> element, if
any.
Source: w3.org Description
Supported Browser
15.0 6.0 12.0
o <time>
o The <time> element speaks to either a time on a 24 hour
clock, or an exact date in the proleptic Gregorian datebook,
alternatively with a time and a time-zone balance.
Source: w3.org Description
Supported Browser
9.0 4.0 11.1 5.0 6.0
o <wbr>
o The <wbr> element speaks to a line break good fortune. Any
substance inside <wbr> elements should not be viewed as a
feature of the encompassing content.
Source: w3.org Description
Supported Browser
3.0 11.7 4.0 1.0
Embedded Elements
o <audio>
o An <audio> element speaks to a sound or audio stream.
Substance may be given inside the <audio> element. Client
operators ought not demonstrate this substance to the client;
it is expected for more established Web programs which
don't help audio, so that legacy audio plugins could be
attempted, or to show content to the clients of these more
established programs illuminating them of how to get to the
audio substance.
Source: w3.org Description
Supported Browser
9.0 3.5 10.5 4.0 4.0
o <canvas>
o The <canvas> element gives scripts a determination
subordinate bitmap canvas, which might be utilized for
rendering charts, amusement representation, workmanship,
or other visual pictures on the fly.
Source: w3.org Description
Supported Browser
9.0 2.0 9.0 3.1 4.0
o <embed>
o The <embed> element gives a mix point to an outer
(normally non-HTML) requisition or intelligent substance.
Source: w3.org Description
Supported Browser
5.5 1.0 9.2 1.3 2.0
o <map>
o The <map> element, in conjunction with an img element and
any zone element relatives, characterizes a picture map. The
element speaks to its kids.
Source: w3.org Description
Supported Browser
5.5 1.0 9.2 1.3 2.0
o <math>
o The <math> element from the Mathml namespace falls into
the implanted substance, stating substance, and stream
content classes for the reasons of the substance
demonstrates in this particular.
Source: w3.org Description
Supported Browser
Gecko
o <source>
o The <source> element permits creators to tag different
option media resources for media elements. It doesn't speak
to anything on its own. It is used
with <audio> and <video> tag.
Source: w3.org Description
Supported Browser
9.0 3.5 10.5 4.0 4.0
o <svg>
o The <svg> element from the SVG namespace falls into the
installed substance, stating substance, and stream content
classes for the reasons of the substance shows in this
determination.
Source: w3.org Description
Supported Browser
9.0 3.5 10.5 4.0 4.0
o <track>
o The <track> element permits creators to point out
unequivocal outer timed content tracks for media elements.
It doesn't speak to anything on its own. This tag is often used
with <video> tag.
Source: w3.org Description
Supported Browser
10.0 31.0 15.0 6.0 18.0
o <video>
o A <video> element is utilized for playing videos or films, and
sound documents with subtitles.
Substance may be given inside the <video> element. Client
executors ought not indicate this substance to the client; it is
proposed for more seasoned Web programs which don't help
video, so that legacy video plugins could be attempted, or to
show content to the clients of these more established
programs advising them of how to get to the video
substance.
Source: w3.org Description
Supported Browser
9.0 3.5 10.5 4.0 4.0
New Form Elements
o <datalist>
o The <datalist> element speaks to a set of option elements
that speak to predefined options for different controls. In the
rendering, the <datalist> element speaks to nothing and it,
alongside its youngsters, ought to be covered up.
Source: w3.org Description
Supported Browser
10.0 4.0 9.0 20.0
o <keygen>
o The <keygen> element speaks to a key pair generator
control. At the point when the control's structure is submitted,
the private key is put away in the nearby keystore, and
general society key is bundled and sent to the server.
Source: w3.org Description
Supported Browser
1.0 3.0 1.2 1.0
o <meter>
o The <meter> element speaks to a scalar estimation inside a
known extent, or a fragmentary worth; for instance plate
utilization, the significance of an inquiry result, or the division
of a voting populace to have chosen a specific competitor.
Source: w3.org Description
Supported Browser
6.0 11.0 6.0 8.0
o <output>
o The <output> element speaks to the aftereffect of an
estimation performed by the requisition, or the consequence
of a client activity.
Source: w3.org Description
Supported Browser
4.0 11.0 10.0
o <progress>
o The <progress> element speaks to the culmination progress
of an undertaking. Progress may be either uncertain
importance it is vague the amount work stays before the
undertaking is finished (e.g., the errand is sitting tight for a
reaction from a remote host) or a numeric esteem
somewhere around 0 and a given greatest, expressly
indicating the division of work that has so far been finisshed.
Source: w3.org Description
Supported Browser
10.0 16.0 11.0 6.0 8.0
