<figcaption>: The FIGCAPTION Element

Last updated: 2026-10-13

<figcaption>The FIGCAPTION Element

Provides a caption for a figure; must be the first or last child of its figure element.

CategorySemantic
Content ModelOnly as first/last child of figure
Allowed ParentsAny element that accepts flow content
Content TagYes — requires closing </figcaption> tag
StatusStandard

📝 Syntax

<figcaption>caption</figcaption>

▶ Example

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

🌐 Browser Support

Browser ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<figcaption> ✓ v1 ✓ v12 ✓ v1 ✓ v1 ✓ v1
Supported in all major browsers
Tip: figcaption only appears inside figure; omit it for purely decorative images.

❓ FAQ

QMust figcaption be the first or last child of figure?
AYes, the spec requires <figcaption> to be the first or last child of <figure>. It serves as the caption text, joining the image, code, or table into one captioned unit.
QIs a figure without figcaption valid?
AYes. <figcaption> is optional; <figure> itself already means a self-contained referenceable unit and needs no caption. But when the content needs explanation, add one — it helps SEO and accessibility alike.
QHow does figcaption differ from the img alt attribute?
Aalt is the replacement text shown when the image fails and the core information for screen readers — keep it concise; <figcaption> is visible caption text that can be longer and more detailed. They complement each other: alt says what the image is, figcaption says why it is here.
More case studies coming soon — check back later.

📚 Related Tutorials

Web-Tutorial.com

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.

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏