我应该在数字标签内使用什么html5标签

时间:2013-06-19 17:51:38

标签: html5

数字标签显示一个垂直的2d条,显示销售的某些值。 figcaption标签显示标签" Sales"。

我应该使用图中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>

1 个答案:

答案 0 :(得分:11)

W3C Wiki figure article解释了它的一些语义用法,它们是多种多样的。 figure spec表示它应包含流内容之前或之后带有可选figcaption元素的“流内容”。流内容基本上是this list上的任何内容。

TL; DR:你可以在那里放很多东西,只要确保它具有语义意义。

此外,div元素中允许使用figure个元素(请参阅上面链接中的列表)。