HTML5 Elements

This is the global <header> element for this page, including the <hgroup> and <nav> elements.

Section header

Article header

Download the HTML and asset files
(ZIP does not include audio or video to reduce file size.
You can download them from this page using your browser.)

Purpose of this document:

  • Includes all the HTML5 elements as listed in the side column.
  • Minimal styling has been used. Use this document to test CSS files (base, reset, custom, etc.) on desired elements in various browsers.
  • Use this document to create comprehensive templates that need to use many of the common HTML5 elements.
  • Includes jQuery because it comes in handy.
  • Includes HTML5 compatibility for Internet Explorer.
  • Includes CSS files for screen, print, mobile and smart phones.
  • See reference links below for more information.

Note: This is only a guide — a starting point — if you will.


Header 1 <h1>

This is an example paragrah used within this article for this document.

Header 2 <h2>

This is an example paragrah used within this article for this document.

Header 3 <h3>

This is an example paragrah used within this article for this document.

Header 1 <h4>

This is an example paragrah used within this article for this document.

Header <h5>

This is an example paragrah used within this article for this document.

Header <h6>

This is an example paragrah used within this article for this document.


Unordered list

  • Unordered list item
  • Unordered list item
    • Unordered list item
    • Unordered list item
      • Unordered list item
      • Unordered list item
      • Unordered list item
    • Unordered list item
  • Unordered list item

Ordered list

  1. Ordered list item
  2. Ordered list item
    1. Ordered list item
    2. Ordered list item
      1. Ordered list item
      2. Ordered list item
      3. Ordered list item
    3. Ordered list item
  3. Ordered list item

Address and blockquote:

700 Address Element Road
Town, State Zip

This is a blockquote.


Audio and video:

Example of the <audio> element:

Example of the <video> element:

Try using Safari, Chrome or Firefox to view this video. You can also download the video.


Figure:

Use an <img>, <video> or <table> as content for the <figure> element.

Watching the Sky by Nathaniel Reinhart

Watching the Sky by Nathaniel Reinhart (<figcaption>)

Form:

Form legend











Inline text formatting:

This is the ABBR element.

This is the b element.

This is the cite element.

This is the code element.

This is the del element.

This is the dfn element.

This is the em element.

This is the i element.

This is the ins element.

This is the kbd element.

This is the
mark
element.

This is the samp element.

This is the small element.

This is the strong element.

This is the sub element.

This is the sup element.

This is the var element.


Meter:

An example of the <meter> element: Your score is:
A+


Pre and span:

This is the <pre> element:

pre

This is the span element. All <span> elements within this demo are set to bold for styling purposes only.


Table:

Table header Table header Table header
Table footer Table footer Table footer
Table data Table data Table data

Time:

The following is an example of the <time> element:


This is the <footer> for this <section> of this page/site.