Get Website Learn Coding Tech Story

HTML5 Examples

Html5 has been updated with few new elements, which makes Html5 more efficient markup language. We can reduce our extra affords to use these new elements in web development. The Internet has changed since the last development of HTML 4.01, So there are certain changes has been made in the browser to use it more correctly.

Html5 include lot of new elements for drawing graphics, adding media content, better page structure, better form handling, and several APIs to drag/drop elements, find Geolocation, include web storage, application cache, web workers, etc.

<article>Defines text as article.
<aside>Defines content aside from the page content.
<audio>Defines sound content in web page.
<bdi>Defines an isolated text that might be formatted in a different direction from other text outside it.
<canvas>Used to draw graphics, on the fly, via scripting (usually JavaScript).
<command>Defines a command button that a user can invoke.
<datalist>Defines a list of pre-defined options for input controls.
<details>Defines additional details that the user can view or hide.
<embed>Defines a container for an external application or interactive content (a plug-in).
<figure>Defines self-contained content, like illustrations, diagrams, photos, code listings, etc.
<figcaption>Defines a caption for a <figure> element.
<footer>Defines a footer for a document or footer section.
<header>Defines a header for a document or header section.
<hgroup>Defines a heading groups, a set of <h1> to <h6> elements when a heading has multiple levels.
<keygen>Defines a key-pair generator field (for forms).
<mark>Defines marked or highlighted text.
<meter>Defines a scalar measurement within a known range (a gauge).
<nav>Defines navigation links of web page.
<output>Defines the result of a calculation.
<progress>Defines the progress of a task in a progress bar.
<ruby>Defines a ruby annotation (for East Asian typography).
<rt>Defines an explanation or pronunciation of characters (for East Asian typography).
<rp>Defines what to show in browsers that do not support ruby annotations.
<section>Defines a section in a document.
<source>Defines multiple media resources for <video> and <audio>.
<summary>Defines a visible heading for a <details> element.
<track>Defines text tracks for <video> and <audio>.
<time>Defines a date and time.
<video>Defines a video or movie.
<wbr>Defines a possible line-break.