w3resource logo


figcaption tag - HTML5 tutorials

HTML5 Figcaption Tag Tutorial

Secondary Nav

Introduction

In this page, we have discussed Description, Usage, Attributes, Example, Result and Compatibility of HTML5 figcaption tag / element.

Description

The HTML figcaption element (<figcaption>) presents a Caption for an image presented by Figure element.

Usage

<figure> <img src="/images/w3logo6.png" alt="w3resource Logo"   width="149" height="52" /> <figcaption>Official Logo of w3resource.com</figcaption> </figure>

Whether start and end tag are required

Both start and end tag are required.

What an figcaption element can contain

It may contain text - a caption for the associated image.

Which elements can contain figcaption element

Only Figure element can contain a Figcaption element.

Attributes

All the Global Attributes can be used in association with Figcaption element

Example

<!DOCTYPE html >
<head>
<meta charset=utf-8>
<title>HTML5 Figcaption example</title>
</head>
<body>
<figure>
  
<img src="/images/w3logo6.png" alt="w3resource Logo"    
width="149" height="52" />
  
<figcaption>Official Logo of w3resource.com</figcaption>
</figure> 
</body>
</html>

Result

HTML5 Figcaption

Browser Compatibility

We have successfully tested the above example with following browser versions.

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 12.0.742.122 5.0 8.0 11.50 4.0