Elements all the elements in one place

Embedded content

img

svg

Pre

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.

Pre > Code

<html>
<head>
</head>
<body>
<div class="main">

<div>
</body>
</html>

figure

Figcaption content

Tabular data

Jimi Hendrix - albums
Album Year Price
Are You Experienced 1967 $10.00
Axis: Bold as Love 1967 $12.00
Electric Ladyland 1968 $10.00
Band of Gypsys 1970 $12.00

Forms

Inputs as descendents of labels (form legend)
Inputs as siblings of labels
Clickable inputs and buttons
box-sizing tests

Your browser does not support these elements yet! Consider downloading a Chromium Nightly.

<progress>

The progress element (spec: 4.10.16) represents the completion progress of a task and can be both indeterminate as determinate.

<meter>

Displaying a scalar measurement within a known range, like hard drive usage, can be done using the meter element (spec: 4.10.17)