HTML5 New Elements

Next ❯Semantic Elements

New Semantic Elements:
<article>Defines an article
<aside>Defines content aside from the page content
<bdi>Used to embed text with a different direction from another text
<details>Defines additional details that can be viewed or hide
<dialog>Defines a dialog box
<figcaption>Defines a caption/heading for a <figure> element
<figure>Defines self-contained content
<footer>Defines a footer for web page or section
<header>Defines a header for web page or section
<main>Defines the main content of a web page
<mark>Defines highlighted/marked text
<meter>Defines a scalar measurement within a known range
<nav>Defines navigation links
<progress>Defines the progress of a task
<rp>Used to show browsers that do not support the ruby annotations
<rt>Defines an explanation or pronunciation of characters in a ruby annotation
<ruby>Defines a ruby annotation
<section>Defines a section in a web page
<summary>Defines a visible heading for a <details> element
<time>Defines a date/time
<wbr>Defines a possible line-break

New Form Elements:
<datalist>Specifies a list of pre-defined options for input fields
<keygen>Defines a key-pair generator in a form
<output>Used to represent the result of calculation

New Media Elements:
<audio>Defines audio/sound content
<embed>Defines a container for an external application
<picture>Defines scalable images according to the browser size
<source>Defines source for the media elements(<video> & <audio>)
<track>Defines text tracks for media elements(<video> & <audio>)
<video>Defines a video

Graphics Elements:
<canvas>Used to draw graphics via scripting
<svg>Used to draw scalable vector graphics

  • Semantic Elements
❮ Prev Introduction
Next ❯Semantic Elements
TryOut Examples"Learn to Explore..!"

TryOut Editor