HTML5 Tag References

The following is a Complete and simple Reference list of the new HTML5 tags for beginners with type of HTML5 tag and a short description of what they are used for with simple code examples.

For more detailed information and sample usage of the HTML5 tags with detailed examples, click on the corresponding link to continue or if you need to learn the basics first, go to this HTML5 basics tutorial.


Tag

Type

Description

<article>

Semantic

Specifies an article in a document/webpage

<aside>

Semantic

Outlines content aside from the webpage content

<audio>

Media

Specifies sound or music content on the webpage

<bdi>

Semantic

Specifies a part of text that might be formatted in a different direction from other text around this tag

<canvas>

Graphics

Specifies graphic drawing using JavaScript

<command>

Semantic

Specifies a command button that can be invoked

<datalist>

Form

Specifies ready-made options for input controls

<details>

Semantic

Specifies additional details that the user can view or hide

<dialog>

Semantic

To specify a dialog box or window

<embed>

Media

Specifies containers for external applications for instance, external plug-ins.

<figcaption>

Semantic

A caption for a <figure> tag

<figure>

Semantic

Self-contained content, like illustrations, diagrams, photos, code listings, etc.

<footer>

Semantic

To define a footer for a document or section or webpage

<header>

Semantic

Outlines the header for a document or section

<hgroup>

Semantic

To group together heading elements

<keygen>

Form

To create a key-pair generator field for forms

<main>

Semantic

Defines the main content of a webpage

<mark>

Semantic

Specifies marked/highlighted text

<meter>

Semantic

To specify a scalar measurement within a known range also known as a gauge.

<nav>

Semantic

Outlines navigation links

<output>

Form

To display the result of a calculation

<progress>

Semantic

To specify the progress of a task

<rp>

Semantic

To specify what to display in browsers that do not support ruby annotations

<rt>

Semantic

To specify an explanation/pronunciation of characters (East Asian typography)

<ruby>

Semantic

To specify a ruby annotation (East Asian typography)

<section>

Semantic

Outlines a section in a document/webpage

<source>

Media

Specifies sources for <video> and <audio> on the webpage

<summary>

Semantic

Specifies a visible heading for a <details> element

<time>

Semantic

Specifies a date/time

<track>

Media

Defines tracks for <video> and <audio> on the webpage

<video>

Media

Specifies video or movie content on the webpage

<wbr>

Semantic

To specify a potential Line break in the document

HTML5 Tags Reference

Click on Start Lesson to continue learning.

More Related tutorials