Thẻ <chú thích> HTML
Ví 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>
Hãy tự mình thử »Thêm 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 của 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 chú thích.
Hỗ trợ trình duyệt
Element | |||||
---|---|---|---|---|---|
<caption> | Yes | Yes | Yes | Yes | Yes |
Thuộc tính chung
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 .
Thêm ví dụ
Ví dụ
Vị trí chú thích bảng (bằng 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>
Hãy tự mình thử »Trang liên quan
Tham chiếu DOM HTML: Đối tượng chú thích
Cài đặt CSS mặc định
Hầu hết các trình duyệt sẽ hiển thị phần tử <caption>
với các giá trị mặc định sau: