Thẻ <caption> HTML
Thí dụ
Một bảng có chú thích:
<table>
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thẻ <caption>
xác định chú thích bảng.
Thẻ <caption>
phải được chèn ngay sau
thẻ <table> .
Mẹo: Theo mặc định, chú thích bảng sẽ được căn giữa phía trên bảng. Tuy nhiên, các thuộc tính CSS text-align và caption-side có thể được sử dụng để căn chỉnh và đặt phụ đề.
Hỗ trợ trình duyệt
Element | |||||
---|---|---|---|---|---|
<caption> | Yes | Yes | Yes | Yes | Yes |
Thuộc tính toàn cầu
Thẻ <caption>
cũng hỗ trợ Thuộc tính chung trong HTML .
Thuộc tính sự kiện
Thẻ <caption>
cũng hỗ trợ Thuộc tính sự kiện trong HTML .
Các ví dụ khác
Thí dụ
Định vị phụ đề bảng (với CSS):
<table>
<caption style="text-align:right">My savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
<br>
<table>
<caption
style="caption-side:bottom">My savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Các trang liên quan
Tham chiếu DOM HTML: Đối tượng phụ đề
Cài đặt CSS mặc định
Hầu hết các trình duyệt sẽ hiển thị <caption>
phần tử với các giá trị mặc định sau:
Thí dụ
caption {
display: table-caption;
text-align: center;
}