Menu

HTML figcaption Tag

HTML figcaption Tag

The HTML <figcaption> tag is used inside the HTML figure tag to provide the caption to the content of the figure element.

  • This is newly introduced tag in HTML5
  • The <figcaption> tag is also known as the very first and last child of the figure element.
  • Also, this is a block-level element.

HTML <figcaption> Tag - Syntax and Usage

The <figcaption> element requires the start(opening) tag and end(closing) tag. Following is the syntax for the same:

<figure>
    <figcaption>
        ...
    </figcaption>
</figure>

HTML <figcaption> Tag Basic Example

Below we have a basic example where we have used the <figcaption> tag:

<!doctype html>
<html>
    <head>
        <title>
            Figure Caption Example
        </title>
    </head>
    <body>
        <h1>Displaying an image of Porsche:</h1>
        <figure>
            <img src="https://s3.ap-south-1.amazonaws.com/s3.studytonight.com/tutorials/uploads/pictures/1584351282-71449.jpg" alt="Porshe Car">
            <figcaption>This figure is showing you an image of a car</figcaption>
            
        </figure>
    </body>
</html>

HTML <figcaption> Tag Attributes

This element does not have any specific attributes although this element supports Global attributes and Event attributes.

Default CSS Settings for HTML <figcaption> Tag

figcaption {
    display: block;
}

Browser Support for HTML <figcaption> Tag

Following browsers support this attribute:

  • Firefox 4+
  • Google Chrome 6+
  • Internet Explorer 9+
  • Apple Safari 5.1+
  • Opera 11.1+