HTML 5 introduced "Figure" tag, which helps screen readers to semantically analyze the page content. From the name "Figure", often developers misunderstand this tag and will think of related only to images. However, "Figure" tag belongs to more broader category as it refers not only to images, also to any independent content, which can live without main content in the webpage. Optionally this tag can have caption also.
Example 1:
A Figure tag can have an image with caption
<figure> <img src="Flowers.jpg" alt="Flowers are beautiful"/> </figure>
Example 2:
A Figure tag can have audio,video files also.
<figure> <audio controls> <source src="Omkareswari.mp3" type="audio/mpeg"></source> </audio> </figure>
Note: This tag almost resembles aside tag. There is a slight difference between usage of aside tag and figure tag. If the content is not required, then use aside tag. If the content is essential, then use figure tag.