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 03, 2019

Query/Feedback


Your Email Id  
 
Subject 
 
Query/FeedbackCharacters remaining 250