HTML<figure> gói nội dung minh hoạ tách được khỏi mạch văn (ảnh, biểu đồ, đoạn code, video); <figcaption> là chú thích của nó, đặt ở đầu hoặc cuối.
html
<figure>
<img src="chart.png" alt="Doanh thu tăng từ 2 tỷ lên 5 tỷ trong Q1 2026">
<figcaption>Doanh thu quý 1/2026 theo tháng</figcaption>
</figure>Điểm hay bị nhầm: figcaption không thay được alt.
| Ai đọc được | Nói cái gì | |
|---|---|---|
alt | chỉ screen reader | nội dung của ảnh |
<figcaption> | mọi người | ngữ cảnh của ảnh |
Nếu caption đã mô tả đủ nội dung ảnh thì để alt="" là đúng — tránh screen reader đọc hai lần.
Lưu ý: đừng dùng <figure> cho ảnh trang trí trong layout. Figure hàm ý "có thể chuyển sang phụ lục mà bài vẫn đọc được" — banner hay icon không thuộc nhóm này, để <img> thường.