Question

我想知道figure元素是否可以包含多个figcaption个孩子？

我在某处阅读了某些内容（抱歉，现在我无法找到它）似乎表明它无法 - 但我确信figure可以包含多个{{1}这似乎是不合逻辑的。

如果我有两张相关的图片，我想要单独的字幕怎么办？

Answer 1

您可以将img及其figcaption嵌套到多个数字标记中。要向代码添加更多语义，您可以添加ARIA role属性。

<figure role="group">
    <figcaption>Caption for the whole group of images</figcaption>

    <figure>
        <img src="picture1.jpg" alt="Description of picture 1">
        <figcaption>Caption for Picture 1</figcaption>
    </figure>

    <figure>
        <img src="picture2.jpg" alt="Description of picture 2">
        <figcaption>Caption for Picture 2</figcaption>
    </figure>

</figure>

Answer 2

在HTML5中图是分区根目录。它可能将分区根或流内容作为内容。 figcaption 是流内容，并且可能只有流内容作为内容。因此， figcaption 可能没有数字作为内容。

数字可能会有另一个数字作为内容。请注意， figcaption 必须是数字的第一个或最后一个孩子。

所以代码可能如下所示：

<figure>
  <img>
  <figure>
    <figcaption></figcaption>
  </figure>
  <figcaption></figcaption>
</figure>

或

<figure>
  <figcaption></figcaption>
  <img>
  <figure>
    <figcaption></figcaption>
  </figure>
</figure>

请参阅：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figure 和https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figure

Answer 3

对于我所看到的内容，您只能在图中使用一次：http://www.w3schools.com/tags/tag_figcaption.asp

HTML5中的多个<figcaption>在<figure> </figure> </figcaption>中

3 个答案: