Przykład
Tabeli HTML z <thead>, <tfoot> oraz <tbody> element:
<table>
<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>
Spróbuj sam " Definicja i Wykorzystanie
<tfoot> tag służy do treści stopki grupy w tabeli HTML.
<tfoot> element jest stosowany w połączeniu z <thead> i <tbody> elementy do określania każdej części stołu (stopki nagłówek ciała).
Przeglądarki mogą korzystać z tych elementów, aby umożliwić przewijanie ciała tabeli niezależnie od nagłówka i stopki. Również przy drukowaniu duży stół, który obejmuje wiele stron, elementy te mogą włączyć nagłówek i stopka tabeli mają być wydrukowane na górze i na dole każdej strony.
<tfoot> tag muszą być stosowane w następującym kontekście: Jako dziecko z <table> elementu, po wszelkich <caption>, <colgroup> i <thead> elementów oraz przed wszelkimi <tbody> i <tr> elementów.
Pomoc Browser
Element | |||||
---|---|---|---|---|---|
<tfoot> | tak | tak | tak | tak | tak |
Porady i wskazówki
Uwaga: <tfoot> element musi mieć jeden lub więcej <tr> znaczniki środka.
Porada: <thead>, <tbody> i <tfoot> elementy nie wpłynie na układ tabeli domyślnie.Można jednak użyć CSS do stylu tych elementów.
Różnice między HTML 4.01 i HTML5
Żaden z atrybutów HTML 4.01 są obsługiwane w HTML5.
Atrybuty
Atrybut | Wartość | Opis |
---|---|---|
align | right left center justify char | Nie jest obsługiwany w HTML5. Wyrównuje zawartość wewnątrz <tfoot> elementu |
char | character | Nie jest obsługiwany w HTML5. Wyrównuje zawartość wewnątrz <tfoot> elementu do znaku |
charoff | number | Nie jest obsługiwany w HTML5. Ustawia liczbę znaków zawartość wewnątrz <tfoot> elementu zostaną wyrównane od znaku określonego przez char atrybutu |
valign | top middle bottom baseline | Nie jest obsługiwany w HTML5. Pionie wyrównuje zawartość wewnątrz <tfoot> elementu |
Atrybuty globalne
<tfoot> tag obsługuje również globalne Atrybuty w HTML .
Atrybuty Event
<tfoot> tag obsługuje również Event Atrybuty w HTML .
Domyślne ustawienia CSS
Większość przeglądarek wyświetli <tfoot> element z następujących wartości domyślnych:
tfoot {
display: table-footer-group;
vertical-align: middle;
border-color: inherit;
}