Latest web development tutorials

HTML <tfoot> tag

contoh

bentuk HTML dengan <thead>, <tfoot> dan <tbody> elemen:

<table border="1">
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>

Coba »

Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Semua browser utama mendukung <tfoot> tag.


Tag definisi dan petunjuk

<Tfoot> tag untuk menggabungkan tabel HTML konten footer.

<Tfoot> elemen harus menjadi <thead> dan <tbody> setiap bagian (footer, header, body) elemen dalam kombinasi, digunakan untuk mendefinisikan meja.

Dengan menggunakan elemen-elemen ini, sehingga browser memiliki kemampuan untuk mendukung independen dari header tabel dan tabel footer meja body roll. Ketika termasuk beberapa halaman meja-meja panjang yang dicetak, header meja dan footer dapat dicetak pada setiap halaman yang berisi data tabel.

<Tfoot> tag harus digunakan pada situasi berikut: a <table> elemen anak, muncul setelah <caption>, <colgroup> dan <thead> elemen, sebelum <tbody> dan <tr> elemen.


Tips dan Catatan

CATATAN: <tfoot> elemen internal harus berisi satu atau lebih tag <tr>.

Tip: <thead>, <tbody> dan <tfoot> elemen tidak mempengaruhi tata letak tabel default.Namun, Anda dapat menggunakan CSS untuk menentukan gaya untuk elemen ini, sehingga untuk mengubah tampilan tabel.


Perbedaan antara HTML 4.01 dan HTML5

Di HTML 5, setiap atribut dalam HTML 4.01 <tfoot> tag tidak lagi didukung.


milik

属性 描述
align right
left
center
justify
char
HTML5 不支持。定义 <tfoot> 元素中内容的对齐方式。
char character HTML5 不支持。规定 <tfoot> 元素中内容根据哪个字符来对进行文本对齐。
charoff number HTML5 不支持。规定 <tfoot> 元素中内容的第一个对齐字符的偏移量。
valign top
middle
bottom
baseline
HTML5 不支持。规定 <tfoot> 元素中内容的垂直对齐方式。


Properti global

<Tfoot> tag mendukung HTML sifat global yang .


Properti acara

<Tfoot> tag mendukung HTML sifat acara .