Articles → HTML 5 → Figure And Figcaption Tags In Html5

Figure And Figcaption Tags In Html5






Purpose







Syntax


<figure>
  … Graphical contents
  <figcaption>Description</figcaption></figure>



Example


<!DOCTYPE html>
<html lang="en"
      xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <form method="post">
        <figure>
            <img src="svg_circle_html5_one.jpg" />
            <figcaption>Output of svg circle</figcaption>
        </figure>
    </form>
</body>
</html>



Output


Picture showing the output of figure and figcaption tag in HTML5



Browser Support


Internet ExplorerFirefoxChromeSafariOperaEdge
9.04.06.05.011.1Yes



Video





Posted By  -  Karan Gupta
 
Posted On  -  Friday, December 23, 2016
 
Updated On  -  Thursday, January 3, 2019

Query/Feedback


Your Email Id
 
Subject
 
Query/FeedbackCharacters remaining 250