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

时间:2014-05-25 02:16:12

标签: html5 semantic-markup figure

我读到了这个问题: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>

此处我有三种方式来提供标题:<caption>标记(仅适用于table),<figcaption>标记(仅适用于figure)和{{ 1}}属性(通用)。

哪一个更好用?

以下是title没有figure的示例:

table

2 个答案:

答案 0 :(得分:3)

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

  

使用说明:当<table>元素是其父元素时   <caption><figure>元素的唯一后代,使用。{   而是<figcaption>元素。

我遗漏了title属性,因为它没有贡献任何内容。

答案 1 :(得分:1)

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,则不应该依赖{{3}},并且title中的信息永远不会重复,这意味着您应该使用title的{​​{1}}属性代替,如果您想提供figcaption,则不应包含与title相同的内容}。