<figcaption>: Phần tử Chú thích hình ảnh

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Phần tử <figcaption> trong HTML đại diện cho chú thích hoặc chú giải mô tả phần còn lại của nội dung trong phần tử <figure> cha, cung cấp cho <figure> một accessible name.

Try it

<figure>
  <img
    src="/shared-assets/images/examples/elephant.jpg"
    alt="Elephant at sunset" />
  <figcaption>An elephant at sunset</figcaption>
</figure>
figure {
  border: thin silver solid;
  display: flex;
  flex-flow: column;
  padding: 5px;
  max-width: 220px;
  margin: auto;
}

img {
  max-width: 220px;
  max-height: 150px;
}

figcaption {
  background-color: #222222;
  color: white;
  font: italic smaller sans-serif;
  padding: 3px;
  text-align: center;
}

Thuộc tính

Phần tử này chỉ bao gồm các thuộc tính toàn cục.

Ví dụ

Vui lòng xem trang <figure> để biết các ví dụ về <figcaption>.

Tóm tắt kỹ thuật

Danh mục nội dung Không có.
Nội dung được phép Nội dung luồng.
Bỏ qua thẻ Không, cả thẻ mở và thẻ đóng đều bắt buộc.
Phần tử cha được phép Phần tử <figure>; phần tử <figcaption> phải là con đầu tiên hoặc cuối cùng của nó.
Vai trò ARIA ngầm định Không có vai trò tương ứng
Vai trò ARIA được phép group, none, presentation
Giao diện DOM HTMLElement

Thông số kỹ thuật

Specification
HTML
# the-figcaption-element

Tương thích trình duyệt

Xem thêm