<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
- Phần tử
<figure>.