HTML5: Marking images with <figure> and <figcaption>

This entry is part 13 of 34 in the series HTML5

The <figure> element allow us to wrap an image and give it a description.

Now with <figure>, we can associate an image with a caption, using <figcaption>.
 
Codecrawl.com – HTML 5

<!DOCTYPE html>
<html>
<head lang='en'>
    <meta charset='UTF-8'>
    <title>Codecrawl.com - HTML 5</title>
</head>
<body>
<figure>
    <img src='//codecrawl.com/code/images/ushuaia.jpg' width='300px'>
    <figcaption>Ushuaia, the southernmost city in the world</figcaption>
</figure>
</body>
</html>

Series Navigation<< HTML5: <Footer> element
HTML5: Marking up date and time with the <time> element >>