中的 HTML5 多个

Question

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

我在某处读到的东西(抱歉，现在我找不到了)似乎暗示它不能——但我确信一个 figure 可以包含多个 img ，所以这似乎不合逻辑。

如果我有两张并排的相关图片，我想要单独的标题怎么办？

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>