HTML <figure> Tag: The HTML figure tag describes the self-contained content. While the content of the <figure> element is related to the main flow, its position is independent of the main flow, and if removed it should not affect the flow of the document.
Example: Photos, diagrams, illustrations, code listings, etc.
HTML<figure>Tag
This HTML<figure>tag supports both the global and the event attributes. This tag is new in HTML5.
Syntax: <figure> Text </figure>
Browser compatibility
The HTML<figure> tag is supported by different types of browsers.
- Chrome-6.0
- Firefox-4.0
- Opera-11.1
- Safari-5.0
- Internet Explorer-9.0.
Example:
<!DOCTYPE html> <html> <body> <figure> <img src="https://tutorials.freshersnow.com/wp-content/uploads/2019/04/HTML-Tutorial.jpg" alt="Freshersnow" width="304" height="228"> </figure> <p><strong>Note:</strong> Learn Tutorials For Free. For Everyone. Forever.</p> </body> </html>
Output: