html - 我应该在图形标签中使用什么 html5 标签

Question

图形标签显示了一个垂直的二维条，其中显示了特定的销售额值。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>

Answer 1

MDN figure article解释了它的一些语义用法，这些用法是多种多样的。 figure spec说它应该包含“流内容”，在流内容之前或之后有一个可选的 figcaption 元素。流量内容基本上是this list上的任何内容.

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

此外，div 元素可以包含在 figure 元素中(请参阅上面链接中的列表)。