HTML的figure标签

<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> 里不一定是一张图片,也可以是几张图片、一段代码、音视频、方程、表格等独立的流内容。