<figure><figcaption>

<figure>标签可以理解是一个图像区块,将图像和相关信息封装在一起。<figcaption>是它的可选的子元素,表示图像的标题。

  1. <figure>
  2. <img src="https://example.com/foo.jpg">
  3. <figcaption>示例图片</figcaption>
  4. </figure>

除了图像,<figure>还可以封装引言、代码、诗歌等等。它等于是一个将主体内容与附加信息,封装在一起的语义容器。

  1. <figure>
  2. <p><code>const foo = 'hello';</code></p>
  3. <figcaption>JavaScript 代码示例</figcaption>
  4. </figure>