在 HTML5 的 <figure> 标签中使用哪个标题？

Question

我读到了这个问题：Do I still need to use the title attribute if my element has a `<figcaption>`?

但答案是面向img标签，但是，如果我有以下figure，没有img，但有table：

<figure title="The table of life">
  <table>
    <caption>The table of life</caption>
    <tbody>...</tbody>
  </table>
  <figcaption>The table of life<figcaption>
</figure>

这里我有 3 种方式来提供标题：<caption> 标签（仅适用于 table）、<figcaption> 标签（仅适用于 figure）和 title 属性（通用）。

哪个更好用？

这是一个没有table 的figure 示例：

<figure title="Description of my char in RPG">
  <h1>Seninha</h1>
  <p>Seninha was born in the moon in the year of 13...<p>
  <dl>
    <dt>HP</dt><dd>15</dd>
    <dt>MP</dt><dd>18</dd>
    <dt>IQ</dt><dd>99999</dd>
    <dt>ST</dt><dd>-10</dd>
  </dl>
  <figcaption>Description of my char in RPG<figcaption>
</figure>

Answer 1

caption 仅作为table 的子级有效。 The MDN docs for caption note:

使用说明：当<table>元素是this的父元素时 <caption> 是 <figure> 元素的唯一后代，使用 <figcaption> 元素代替。

我会省略 title 属性，因为它没有任何贡献。

Answer 2

HTML5 (CR) 规范 says:

当table 元素是figure 元素中除figcaption 之外的唯一内容时，应省略caption 元素以支持figcaption。

所以你应该使用figcaption，但不要使用caption：

<figure>
  <table>
    <tbody>…</tbody>
  </table>
  <figcaption>The table of life<figcaption>
</figure>

---

如果在table 上使用，则不应依赖title attribute，并且信息不应在title 中重复，这意味着您应该不使用title figcaption 的属性而不是，如果要给出title，它不应包含与figcaption 相同的内容。