HTML5 Elements
This is the global <header>
element for this page, including the<nav>
element.
main 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.
Heading 1 <h1>
This is an example paragraph used within this article for this document.
Heading 2 <h2>
This is an example paragraph used within this article for this document.
Heading 3 <h3>
This is an example paragraph used within this article for this document.
Heading 1 <h4>
This is an example paragraph used within this article for this document.
Heading <h5>
This is an example paragraph used within this article for this document.
Heading <h6>
This is an example paragraph 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
- Ordered list item
- Ordered list item
- Ordered list item
- Ordered list item
- Ordered list item
- Ordered list item
- Ordered list item
- Ordered list item
- Ordered list item
Description list
- HTML
- HTML is the markup language used to give content structure.
- CSS
- CSS is the language used to add a creative layer on top of HTML.
Address and blockquote:
700 Address Element RoadTown, State Zip
This is a blockquote.
Audio and video:
Example of the <audio>
element:
Your browser does not support OGG audio. Try using Safari, Chrome or Firefox.Example of the <video>
element:
Example of the <video>
element for IE9:
Figure:
Form:
menu element type=”context” and menutitem elements: Image description via a context menu and longdesc
Progress
Progress:
KeyGen
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:
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: