HTML5中数字元素的特殊用例

Question

如果我对图元素的理解是准确的，请告诉我。

据我所知，图元素似乎有两种类型的子节点，有问题的对象（img，表格，视频，引号等）以及该对象的描述。因为图中只能存在一个figcaption，所以描述它的任何和所有内容都必须包含在其中。如果你想用文字跨越图形，那就需要用CSS来完成。

在上面的示例中，标记为：

<figure>
  <img src="#" alt="placeholder">
  <figcaption>
    <h2>Exhibit 1.1: Example of Something</h2>
    <p>Lorem...</p>
    <p>Ipsum...</p>
  </figcaption>
</figure>

figure {
  padding: 60px 10px 10px;
  position: relative;
  background: lightblue;
}
figure img {
  width: 100%;
  height: 50%;
  background: white;
}

figcaption h2 {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
}

这对我来说很笨拙。我对这个数字的假设是错误的吗？是否可以将其标记为接近最终外观，以便标题可以回流并且更容易推理？如：

<figure>
  <h2>Exhibit 1.1: Example of Something</h2>
  <img src="#" alt="placeholder">
  <figcaption>
    <p>Lorem...</p>
    <p>Ipsum...</p>
  </figcaption>
</figure>

Answer 1

您的评估是正确的。以下是figcaption行动中的编辑重点...

1. 您只能拥有一个<figcaption>元素。
2. <figcaption>元素是可选的。
3. <figure>内的其他所有内容都被视为＆＃34;数字＆＃34;标题涉及（即它可能是多个图像，或代码示例等）
4. 如果你有很多＆＃34;标题＆＃34;它应该都进入<figcaption>元素。