: The FIGURE Element

Last updated: 2026-09-12

<figure>The FIGURE Element

Represents self-contained flow content, often with a figcaption, used for images, diagrams, code or examples.

Category	Semantic
Content Model	Flow content
Allowed Parents	Any element that accepts flow content
Content Tag	Yes — requires closing `</figure>` tag
Status	Standard

📝 Syntax

<figure>figure content</figure>

See all global attributes → See all event attributes →

▶ Example

Edit the code below and see the live result in the playground:

▶ Try it

🌐 Browser Support

Browser	Chrome	Edge	Firefox	Safari	Opera
<figure>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
Supported in all major browsers

Tip： Content inside figure stays meaningful when moved; caption should be figcaption, not a plain p.

More case studies coming soon — check back later.

📚 Related Tutorials

HTML Elements HTML Media HTML Responsive Images HTML Semantics HTML Layout

HTML Tag Reference

Browse all HTML tags with syntax, attributes and examples.

Web-Tutorial Tech Team

A team of developers maintaining programming tutorials. Each tutorial is written and reviewed by developers with expertise in that field. We work to keep our content accurate and reliable — if you spot an issue, please let us know.

About Us

: The FIGURE Element

<figure>The FIGURE Element

📝 Syntax

▶ Example

🌐 Browser Support

🏷️ Related Tags

💡 Related Cases

📚 Related Tutorials

🙏 帮我们做得更好