New HTML5 Features

Contact Us or call 1-877-932-8228
New HTML5 Features

New HTML5 Features

The table below shows the new elements that HTML5 has introduced. Note that we won't cover most of these in this course.

New HTML5 Elements
Tag Description
<article> For a standalone article on a page. Articles can be nested within other articles; for example, a blog post would be contained in <article> tags and each comment would be contained within a nested <article> tag.
<aside> For content contained in an aside. Often used for navigation elements or for a list of articles or categories (e.g., in a blog).
<audio> For embedding audio files.
<canvas> For creating drawings natively in the browser.
<command> For command buttons similar to what you might see in the Microsoft Office 2010 ribbon. <command> must be nested in <menu>.
<datalist> For a drop-down list providing built-in functionality similar to a JavaScript autocomplete boxes.
<details> For expandable (usually initially hidden) content to provide more information about an element.
<embed> For backwards compatibility with the nonstandard (but well supported) <embed> tag in HTML 4.
<figcaption> For captions on images. (In HTML 4, there was no way to semantically associate a caption with an image.
<figure> For wrapping embedded content (e.g., an image) with a <figcaption>.
<footer> For the footer of a page or a section.
<header> For the header of a page or a section.
<keygen> For a generated key in a form.
<mark> For showing marked (or highlighted) text. Unlike <strong> or <em>, <mark> doesn't give the text any special meaning. The best example is marking a word or phrase that a user has searched on within the search results.
<meter> For a measurement within a set range.
<nav> For holding a group of navigation links.
<output> For holding output (e.g., produced by a script).
<progress> For a progress indicator (e.g., for a loading graphic).
<rp> Used within <ruby> tags to tell browsers that cannot render the East Asia characters properly what extra characters (usually parentheses) to display.
<rt> Used within <ruby> tags to show how to pronounce East Asia characters.
<ruby> For ruby annotations. (See for examples.)
<section> For creating a <section> on the page. This helps the browser (user agent) determine the page outline.
<source> For indicating media sources within <video> and <audio>.
<summary> For the header of a <detail> element. The <summary> would show by default.
<time> For holding a machine-readable date and/or time while displaying a friendly date and/or time.
<video> For embedding video files.
<wbr> An opportunity to insert a line break within a word. (e.g., super<wbr>califragilistic<wbr>expialidocious)

Keep in mind that jQuery Mobile doesn't inherently make use of all - even most - of these new tags; in fact, one might argue that jQuery Mobile could be a little more semantic, making use of the <header> or <footer> tag, say, instead of lots of <div>s. Nonetheless, the jQuery Mobile is syntactically valid HTML5.