Thẻ HTML <figcaption>
Định nghĩa và cách sử dụng thẻ <figcaption>
Thẻ <figcaption>
xác định phụ đề cho phần tử <figure>
. Phần tử <figcaption>
có thể được đặt làm phần tử con đầu tiên hoặc cuối cùng của phần tử <figure>
.
Ví dụ sau sử dụng phần tử <figure>
để đánh dấu ảnh trong tài liệu và phần tử <figcaption>
để xác định chú thích cho ảnh:
<figure>
<img src="pic_trulli.jpg" alt="Trulli" style="width:100%">
<figcaption>Fig.1 - Trulli, Puglia, Italy.</figcaption>
</figure>
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phần tử.
Phần tử <figcaption> | Google Chrome | MS Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
8.0 | 9.0 | 4.0 | 5.1 | 11.0 |
Thuộc tính Global
Thẻ <figcaption>
cũng hỗ trợ các thuộc tính Global trong HTML.
Thuộc tính sự kiện
Thẻ <figcaption>
cũng hỗ trợ thuộc tính sự kiện trong HTML.
Một số ví dụ khác
Sử dụng CSS để tạo kiểu cho <figure>
và <figcaption>
:
<html>
<head>
<style>
figure {
border: 1px #cccccc solid;
padding: 4px;
margin: auto;
}
figcaption {
background-color: black;
color: white;
font-style: italic;
padding: 2px;
text-align: center;
}
</style>
</head>
<body>
<figure>
<img src="pic_trulli.jpg" alt="Trulli" style="width:100%">
<figcaption>Fig.1 - Trulli, Puglia, Italy</figcaption>
</figure>
</body>
</html>
Cài đặt CSS mặc định
Hầu hết mọi trình duyệt sẽ hiển thị phần tử <figcaption>
với các giá trị mặc định sau:
figcaption {
display: block;
}
384
Bạn nên đọc
0 Bình luận
Sắp xếp theo
![❖](https://st.quantrimang.com/photos/avatars/default.png)
Xóa Đăng nhập để Gửi
![❖](https://st.quantrimang.com/photos/image/icon/hoc-HTML-5-size-24x24-znd.png)
Cũ vẫn chất
-
Cách viết chữ màu Liên Quân Mobile
2 ngày 2 -
Quay màn hình máy tính bằng OBS Studio, cách ghi màn hình laptop trên OBS
2 ngày -
Reset rank Liên Quân mùa 27
2 ngày -
Phần mở rộng file là gì?
Hôm qua -
Cách chuyển dữ liệu giữa các máy tính
2 ngày -
Thủ thuật gỡ bỏ Microsoft Edge trên Windows 10
Hôm qua -
200 biệt danh cho người yêu bằng tiếng Anh hay và ngọt ngào
2 ngày -
Hình nền mở khóa điện thoại hài hước, hình nền mở khóa troll bá đạo
Hôm qua -
Code Hello Cafe VNG mới nhất và cách nhập code
2 ngày -
46 câu ca dao hài hước, châm biếm hay nhất
2 ngày