Thẻ <tfoot> trong HTML

Thẻ <tfoot> trong HTML

• Tag <tfoot> được dùng để nhóm các thành phần footer trong <table>.

• Tag <tfoot> nên được kết hợp với tag <thead> và tag <tbody>, trong đó:

  • Tag <thead> dùng để nhóm các thành phần đầu trong <table>.
  • Tag <tbody> dùng để nhóm các thành phần nội dung trong <table>.

Chú ý: Tag <tfoot> phải được xuất hiện trước tag <tbody> trong <table> để cho trình duyệt có thể thông dịch footer trước khi nhận được tất cả các dòng dữ liệu. Những thành phần này không tạo nên phần định dạng trong table, muốn định dạng table ta phải kết hợp với css.

Sự khác nhau giữa HTML4.01 và HTML5

Cấu trúc

<tfoot> được viết bên trong <table>

<table>
<tfoot></tfoot>
</table>

Ví dụ

<table>
<thead>
<tr>
<th>thead01</th>
<th>thead02</th>
</tr>
</thead>
<tfoot>
<tr>
<td>tfoot01</td>
<td>tfoot02</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>tbody01</td>
<td>tbody02</td>
</tr>
<tr>
<td>tbody03</td>
<td>tbody04</td>
</tr>
</tbody>
</table>

Hiển thị trình duyệt:

Trình duyệt hỗ trợ

<tfoot> được hỗ trợ trong đa số các trình duyệt.

Thuộc tính

Cách sử dụng:

<tfoot thuoctinh="giatri"></tfoot>

Thuộc tính tùy chọn

Thuộc tính Tổng quát và thuộc tính sự kiện

Tất cả thuộc tính tổng quát và thuộc tính sự kiện được xác định trên phần lớn các thành phần HTML5