A quick reference guide to HTML5 elements

Sections »

Tag Description
<article> Represents self-contained content could that exist independently from the rest of the content.
<aside> Represents content that is set aside from the rest of the content. If removed, the remaining content can still be understood.
<footer> Defines a footer for a page or section.
<header> Defines a header for a page or section.
<hgroup> Groups a set of <h1> to <h6> elements when a heading has multiple levels.
<nav> Defines a section which contains navigational links.
<main> A recent addition, it defines the main content of a document.
<section> Defines a section in a document.

Grouping Content »

Tag Description
<figure> Represents self-contained content that is typically illustrations, diagrams, photos, code listings, etc.
<figcaption> Defines a caption for the <figure> element.

Text-level Semantics »

Tag Description
<bdi> Text that must be isolated for bidirectional text formatting.
<mark> Defines highlighted text for references purposes.
<ruby> Allows one or more spans of phrasing content to be marked with ruby annotations.
Marks the ruby text component of a ruby annotation.
<rp> Provide parentheses around a ruby text component of a ruby annotation.
<time> Represents a date and time value.
<wbr> Represents a possible line-break, an opportunity to improve readability on long documents.

Embedded Content »

Tag Description
<audio> Represents a sound or audio stream.
<video> Represents a video and its necessary interface to play.
<source> Defines multiple media sources for <video> and <audio>
<embed> Represents an integration point for an external (typically non-HTML) application or interactive content.
<track> Allows authors to specify explicit external timed text tracks for <video> and <audio>.
<canvas> Represents an area that scripts, such as JavaScript, can be used to render graphics.
<svg> Defines an embedded vectorial image.
<math> Defines a mathematical formula.

Forms »

Tag Description
<datalist> Represents a set of option elements that represent predefined options for other controls.
<keygen> Represents a key pair generator control.
<meter> Represents a scalar measurement within a known range.
<output> Represents the result of a calculation.
<progress> Represents the progress of a task.

Interactive Elements »

Tag Description
<command> Defines a command that the user can invoke.
<details> Represents a disclosure widget from which the user can obtain additional information or controls.
<summary> Represents a legend or caption for the <details> element.
<menu> Represents a list of commands.