Thẻ html5 nào tôi nên sử dụng bên trong thẻ hình

Question

Thẻ hình hiển thị thanh 2d dọc hiển thị các giá trị nhất định cho bán hàng. thẻ figcaption hiển thị nhãn "Bán hàng".

Thẻ html5 nào cho các div bên trong hình tôi nên sử dụng?

<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

W3C Wiki figure article giải thích một số cách sử dụng ngữ nghĩa của nó khác nhau. figure spec nói rằng nội dung đó phải chứa "nội dung luồng" với phần tử figcaption tùy chọn trước hoặc sau nội dung luồng. Lưu lượng nội dung về cơ bản là bất cứ điều gì trên this list.

TL; DR: Bạn có thể đặt nhiều thứ vào đó, chỉ cần đảm bảo nó có ý nghĩa ngữ nghĩa.

Ngoài ra, div các yếu tố được phép bên trong các phần tử figure (xem danh sách trong liên kết ở trên).