DEV Community

Cover image for HTML tags | figure-figcaption
Carlos Espada
Carlos Espada

Posted on • Edited on

HTML tags | figure-figcaption

<figure> is used to specify standalone content that may have an occasional caption indicated with <figcaption>.

The content type can be a photo, an illustration, a diagram, a quote, a code snippet... and even if is referenced in the main flow of a document, it can be moved to another part of the document or to an appendix without affecting the main flow.

The outline of the <figure> content is excluded from the main outline of the document.

The <figcaption> can be the first or last child of the <figure>. If there is more than one, the first one that appears will be taken into account.

If it exists, the <figcaption> provides the accessible name for the parent <figure>. <figure> has an implicit ARIA role figure.

  • Type: block / block
  • Self-closing: No / No
  • Semantic value: Yes / Yes

Definition and example <figure> - Definition and example <figcaption> | Support <figure> - Support <figcaption>

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read full post →

Top comments (0)

👋 Kindness is contagious

Explore a sea of insights with this enlightening post, highly esteemed within the nurturing DEV Community. Coders of all stripes are invited to participate and contribute to our shared knowledge.

Expressing gratitude with a simple "thank you" can make a big impact. Leave your thanks in the comments!

On DEV, exchanging ideas smooths our way and strengthens our community bonds. Found this useful? A quick note of thanks to the author can mean a lot.

Okay