数字标签显示一个垂直的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>
答案 0 :(得分:11)
W3C Wiki figure
article解释了它的一些语义用法,它们是多种多样的。 figure
spec表示它应包含流内容之前或之后带有可选figcaption
元素的“流内容”。流内容基本上是this list上的任何内容。
TL; DR:你可以在那里放很多东西,只要确保它具有语义意义。
此外,div
元素中允许使用figure
个元素(请参阅上面链接中的列表)。