HTML5 Tags Demo

This application uses new HTML5 tags.

Semantics and Structure

Marking up images:

We can use the figure tag to markup images. Also, the figcaption tag can be used for adding captions.

Displaying content:

One way to display content is with the details tag.

This is the summary text, which is visible.

The other content within the details tag is hidden until the user expands it. You can style this content in any way, and include other tags.

Using status bars:

A new progress tag has been implemented. This can be used to show the progress of a task.

There is also a new meter tag. This tag can be used for gauges or meters, where a value within a known range needs to be displayed.
Filling up!