Định nghĩa và sử dụng

  • Tag <figure> xác định các nội dung liên quan mạch lạc với nhau, như hình ảnh, sơ đồ, code,...
  • Nội dung của tag <figure> nên liên quan tới nội dung chính.
  • Tag <figure> thường dùng kèm với <figcaption> để chỉ một chú thích.

Cấu trúc

<figure>
    <figcaption></figcaption>
<figure>

Ví dụ

Html viết:

<figure>
    <p><img src="images/img_sakura.jpg" alt="Sakura" /></p>
    <figcaption>Hoa Đào Nhật Bản</figcaption>
<figure>

Hiển thị trình duyệt:

Sakura

Hoa Đào Nhật Bản