<figure> 标签可以为图片提供一个语义容器，在标题和图片之间建立清晰的关联。

例如：

<figure>
    <img src="https://raw.githubusercontent.com/mdn/learning-area/master/html/multimedia-and-embedding/images-in-html/dinosaur_small.jpg" alt="一只恐龙头部和躯干的骨架，它有一个巨大的头，长着锋利的牙齿。" width="400" height="341">
    <figcaption>曼彻斯特大学博物馆展出的一只霸王龙的化石</figcaption>
</figure>

<figure> 是一个图片容器， <img> 是图片， <figcaption> 是图片描述。

注意： <figure> 里不一定是一张图片，也可以是几张图片、一段代码、音视频、方程、表格等独立的流内容。