9

图形标签显示一个垂直的 2d 条，显示特定的销售额值。figcaption 标签显示标签“销售”。

我应该为图中的 div 使用什么 html5 标签？

<figure>
        <div class="push-center roundedArea" style="background-color:#fff;height:22%;"></div>
        <div class="push-center diagram" style="background-color:#ff99cc;height:11%;">3</div>
        <div class="push-center diagram" style="background-color:#ff33cc;height:44%;">44</div>
        <div class="push-center diagram" style="background-color:#ff66cc;height:23%;">36</div> 
    </figure>
<figcaption>
  Sales
</figcaption>
4

1 回答 1

15

W3C Wikifigure文章解释了它的一些语义用途，这些用途多种多样。figure规范说它应该包含“流内容”，在流内容之前或之后带有一个可选元素figcaption。流内容基本上是此列表中的任何内容。

TL;DR：你可以在里面放很多东西，只要确保它在语义上有意义。

此外，div元素内部允许使用figure元素（请参阅上面链接中的列表）。

于 2013-06-19T18:02:47.047 回答