Articles → HTML 5 → figure and figcaption tag in HTML5

figure and figcaption tag 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 action="Page1.html" method="post">
      <figure>
        <img src="http://gyansangrah.com/ArticleImages/introduction_to_windows_forms_using_visual_studio_one.jpg"/>
        <figcaption>Screen shot for visual studio</figcaption>
      </figure>
    </form>
  </body>
</html>



Output



Click to Enlarge


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