BobBacus.com - Project 04 : HTML 5 Test Page

This page is designed to test the new markup elements in HTML 5. Select an element in the drop-down box below; if your browser doesn't support the element it will either be ignored or a message will be displayed.

Choose an element to test:

These elements comprise the outline of a page, replacing <div> elements with specific id attributes;

This is the <header>

This is the <nav>

This is the <article>

This is the <section>

This is the <aside>

This is the <footer>

Neil Armstrong moon landing audio

Enter function:

TODO: <datalist> example

TODO: <details> example

Note: the <dialog> tag has been "postponed" from inclusion in the current HTML 5 specification.

HAMLET

Whose was it?

FIRST CLOWN

A whoreson mad fellow's it was: whose do you think it was?

HAMLET

Nay, I know not.

FIRST CLOWN

A pestilence on him for a mad rogue! a' poured a flagon of Rhenish on my head once. This same skull, sir, was Yorick's skull, the king's jester.

HAMLET

This?

FIRST CLOWN

E'en that.

HAMLET

Alas, poor Yorick! I knew him, Horatio, a fellow of infinite jest, of most excellent fancy. He hath bore me on his back a thousand times, and now how abhorr'd in my imagination it is!

Type	Example
color
date
datetime
datetime-local
email
month
number
range
search
time
url
week

TODO: <keygen> example

Part of this sentence is marked for emphasis.

Command 1 Command 2 Command 3 Command 4

Enter water temperature, °F:
(min=32, low=50, optimum=70, high=120, max=212)

input: x_n =
output: x_n+1 = x_n(3.5 - x_n) =

Progress Bar example:
Current progress value:

(hello)

December 12, 2012

Iowa City 2008 flooding

Project 04 : HTML 5 Test Page BobBacus.com