Question

在docs中，可以使用figcaption：

作为图形元素的第一个或最后一个孩子。

但是我没有发现任何地方可以同时使用（作为第一个和最后一个孩子）。因此，使用以下内容正确吗？

<figure>
  <figcaption>Caption one</figcaption>
  <img src="path.jpg" alt="image" />
  <figcaption>Caption two</figcaption>
</figure>

我很担心，因为搜索引擎会如何考虑？

Answer 1

据我了解的标题是：

只能使用一次。只需简化问题的答案即可对此进行改进：

你叫什么名字？

如果您回答问问者说了多个（或两个）名字：布拉德，彼得。一个是您的宠物名，另一个是您的呼唤名。对手会感到困惑，当他/她打电话给您时，您也会感到困惑。到目前为止，仅使用一个名称对任何人都是完美的。 figcaption与搜索引擎类似。

因此，如果您认为字幕一更重要，则可以首先使用它：

<figure>
  <figcaption>Caption one</figcaption>
  <img src="path.jpg" alt="image" />
  <p>Caption two</p><!-- Less important -->
</figure>

或者，如果您认为标题2 更重要，那么请在最后使用它：

<figure>
  <p>Caption one</p>
  <img src="path.jpg" alt="image" />
  <figcaption>Caption two</figcaption><!-- More important -->
</figure>

您可以使用其他任何标签代替p您认为不错的标签。但是我更喜欢在这里使用p标签，因为标题更像一个段落。如果标题更像标题，则使用任何标题标签。

因此，此规则也不会违反html5的标准。

Answer 2

我会拒绝。机器人不太可能会遍历figcaptions。在figcaption中添加更多元素可能会更好。也许h3和p然后放置它们。

img { 
  position: relative;
}
img figcaption h3 {
  position: absolute;
  top: 0;
}