<figure>

An HTML element which is used to encapsulate and represent any content, such as images, illustrations, diagrams, code snippets, videos, etc., that is referenced in the main content but that can be moved or positioned independently. This element is useful for adding semantic and structural meaning to the content.

<figure> element is typically accompanied by the <figcaption> element to provide a caption or description for the content represented by the <figure> element.

<figcaption>

An HTML element used as a child of the <figure> element to provide a caption, description, or legend for the content enclosed in the <figure> element. The <figcaption> typically appears below or beside the represented content and helps in providing additional context or information.